✨ Elegant Calculator

🌈 A stunning calculator with glass-morphism design and fluid animations

---

📖 Table of Contents

• ✨ Overview
• 🎥 Demo
• ⚡ preview
• 🛠️ Installation
• 🎮 Usage
• 🎨 Customization
• 🤝 Contributing
• 📝 License
• 👏 Acknowledgments

✨ Overview

Elegant Calculator is not just another calculator – it's a beautifully crafted web application that combines functionality with stunning design. Featuring a modern glass-morphism UI, fluid animations, and a responsive layout, it transforms the mundane task of calculation into a delightful experience.

🎨 Modern Design Glass-morphism & Animations

⚡ Fast & Responsive Works on all devices

⌨️ Keyboard Support Type and calculate

🎥 Demo

⚡ preview

🎨 Design Elements

• Glass-morphism Effect
  • Stunning transparent UI
  • Blur effects
  • Modern aesthetics
• Dynamic Animations
  • Floating calculator
  • Particle background
  • Button interactions
• Responsive Layout
  • Mobile-first design
  • Adapts to all screens
  • Touch-friendly interface

🔢 Calculator Functions

• Core Operations

  + Addition
  - Subtraction
  × Multiplication
  ÷ Division

• Special Features
  • Decimal support
  • Clear (AC)
  • Delete (DEL)
  • Error handling

⌨️ Keyboard Shortcuts

Key	Function
0-9	Input numbers
+/-/*	Operations
Enter	Calculate
Escape	Clear all
Backspace	Delete

🛠️ Installation

# Clone this repository
git clone https://github.com/kunalsahu20/calculator.git

# Navigate to the project
cd calculator

# Open in browser
open index.html

🎮 Usage

Mouse Controls

• Click numbers to input digits
• Click operators (+, -, ×, ÷) for calculations
• Use AC to clear all
• Use DEL to delete last digit
• Press = for result

Keyboard Support

• Numbers (0-9) for input
• Operators (+, -, *, /)
• Enter or = for calculation
• Backspace for delete
• Escape for clear

Calculator

A beautiful and functional calculator with scientific mode and theme switching.

Features

• Basic arithmetic operations
• Scientific calculator functions:
  • Trigonometric functions (sin, cos, tan)
  • Logarithmic functions (log, ln)
  • Constants (π, e)
  • Power functions (x², √)
  • Factorial and scientific notation
  • RAD/DEG mode toggle
• Theme switching:
  • Light/Dark mode with smooth transitions
  • Consistent styling across modes
• Modern UI:
  • Glassmorphic design
  • Smooth animations
  • Responsive layout
  • Floating particle effects
• Keyboard support for basic operations

Usage

1. Basic Mode:

   • Use numbers and basic operators (+, -, ×, ÷)
   • Clear with 'AC', delete last digit with 'D'
   • Calculate with '='

2. Scientific Mode:

   • Click 'Scientific' to toggle scientific functions
   • Access advanced mathematical operations
   • Switch between RAD/DEG for trigonometric functions

3. Theme:

   • Click 'Dark Mode' or 'Light Mode' to switch themes
   • Enjoy smooth transitions between themes

Keyboard Shortcuts

• Numbers: 0-9
• Operators: +, -, *, /
• Equals: Enter or =
• Clear: Escape
• Delete: Backspace

🎨 Customization

Color Themes

/* In your CSS */
:root {
    --primary: #2d3436;    /* Main color */
    --accent: #00b894;     /* Highlight color */
    --background: #dfe6e9; /* Background color */
}

Animation Settings

/* Adjust animation speed */
.calculator {
    --float-speed: 6s;
    --particle-speed: 15s;
}

🤝 Contributing

👥 Contributing is what makes the open-source community amazing! 👥

1. Fork the Project
2. Create your Feature Branch

   git checkout -b feature/AmazingFeature

3. Commit your Changes

   git commit -m '✨ Add some AmazingFeature'

4. Push to the Branch

   git push origin feature/AmazingFeature

5. Open a Pull Request

📝 License

Released under the MIT License ⚖️

Built with ❤️ by Kunal