Calculator

A sleek, modern calculator web application designed with a neumorphic UI, offering a smooth and intuitive user experience. Built using pure HTML, CSS, and JavaScript, this calculator supports basic arithmetic operations, percentage calculations, and features responsive design for seamless use across devices. The interface includes gradient backgrounds, subtle shadows, and Font Awesome icons for a contemporary look and feel.

Features

• Basic arithmetic operations: addition, subtraction, multiplication, division
• Clear (C) and backspace (←) functions
• Percentage calculation
• Decimal point support
• Responsive design that works on various screen sizes
• Modern UI with gradients, shadows, and transitions
• Font Awesome icons for operator buttons

Technologies Used

• HTML5
• CSS3 (with gradients and box-shadows for neumorphic effect)
• JavaScript (ES6)
• Font Awesome (for icons)
• Google Fonts (Roboto)

How to Use

1. Clone or download the repository.
2. Open index.html in your web browser.
3. Use the calculator buttons to perform calculations:
   • Number buttons (0-9) to input digits
   • Operator buttons (+, -, *, /) for arithmetic operations
   • = button to calculate the result
   • C button to clear the display
   • ← button to delete the last character
   • % button for percentage calculation
   • . button for decimal points

Project Structure

• index.html: Main HTML file with the calculator layout
• style.css: CSS styles for the modern UI design
• scripts.js: JavaScript logic for calculator functionality
• utils.css: Additional utility styles (if present)

Screenshots

The calculator features a dark theme with a gradient background, rounded buttons with hover effects, and a large display area for easy readability.

Contributing

Feel free to fork this project and submit pull requests for improvements or bug fixes.

License

This project is open source and available under the MIT License.