🧮 Modern Calculator Web App

A sleek, responsive calculator built with pure HTML, CSS, and JavaScript. Features a beautiful glassmorphic UI with animated gradients and works flawlessly across all devices.

[Calculator Demo]

✨ Features

• Responsive Design: Optimized for mobile, tablet, and desktop
• Modern UI: Glassmorphic design with gradient animations
• Keyboard Support: Full keyboard input (numbers, operators, Enter, Escape, Backspace)
• Touch-Friendly: Large buttons optimized for mobile devices
• Beautiful Animations: Smooth transitions and interactive button effects
• No Dependencies: Pure vanilla JavaScript - no frameworks required

🚀 Demo

Live Demo

🛠️ Technologies Used

• HTML5: Semantic markup
• CSS3: Flexbox, Grid, Animations, Gradients
• JavaScript (ES6): DOM manipulation, event handling

📱 Screenshots

Desktop View

Mobile View

🎯 Key Highlights

• Clean Code: Well-structured, commented, and maintainable
• Cross-Browser Compatible: Works on Chrome, Firefox, Safari, Edge
• Accessibility: Keyboard navigation support
• Performance: Lightweight with fast load times
• Modern CSS: Utilizes advanced features like backdrop-filter, gradients, and animations

🏃 Quick Start

1. Clone the repository

   git clone https://github.com/yourusername/calculator-app.git

2. Navigate to the project

   cd calculator-app

3. Open in browser

   open index.html

Or, simply double-click index.html.

📂 Project Structure

calculator-app/
│
├── index.html          # Main HTML file
├── style.css           # Styling and animations
├── script.js           # Calculator logic
├── screenshot.png      # Preview image
├── README.md           # Documentation
└── LICENSE.md          # MIT License

💻 Code Quality

• Semantic HTML5
• BEM-inspired CSS methodology
• Clean, DRY JavaScript
• Responsive breakpoints for all devices
• Cross-browser tested

🎨 Design Features

• Animated gradient background with smooth color transitions
• Glassmorphism effect with backdrop blur
• Multi-layered shadows for depth and realism
• Ripple effect on button interactions
• Gradient buttons with glossy highlights

📋 Functionality

• ✅ Basic arithmetic operations (+, -, ×, ÷)
• ✅ Decimal point support
• ✅ Percentage calculations
• ✅ Backspace/delete functionality
• ✅ Clear display
• ✅ Error handling
• ✅ Keyboard shortcuts

🔧 Future Enhancements

• Scientific calculator mode
• History/memory functions
• Theme switcher (dark/light)
• Additional operations (square root, power)
• Unit testing

👤 Author

Your Name

• GitHub: @aar0gya
• LinkedIn: Aarogya Bikram Thapa
• Portfolio: (https://myportfolio-kappa-livid-43.vercel.app/)

📄 License

This project is licensed under the MIT License - see the LICENSE.md file for details.

🤝 Contributing

Contributions, issues, and feature requests are welcome! Feel free to check the issues page.

⭐ Show Your Support

Give a ⭐️ if you like this project!

---

Built with ❤️ using HTML, CSS & JavaScript