Animated Calculator

An interactive and visually appealing calculator application developed as part of an internship task for CodeAlpha company. This project features smooth animations, modern design, and keyboard support.

Features

• Gradient Background: A dynamic gradient background that changes colors smoothly.
• Animated Buttons: Buttons have a subtle press animation and different color effects based on their function (e.g., operators, clear, equals).
• Responsive Design: The calculator is designed to be responsive and looks great on various devices.
• Keyboard Support: Supports basic calculator operations via keyboard input.
• Error Handling: Displays an error message if an invalid calculation is attempted.

Technologies Used

• HTML: For the structure of the calculator.
• CSS: For styling and animations.
• JavaScript: For functionality and interactivity.

Installation

1. Clone the repository:

   git clone https://github.com/your-username/animated-calculator.git

2. Navigate to the project directory:

   cd animated-calculator

3. Open the index.html file in your browser:

   Simply double-click the index.html file or open it using your browser's "Open File" option.

Usage

• Click on the calculator buttons to perform calculations.
• Press the corresponding keys on your keyboard to use the calculator:
  • Numbers: 0-9
  • Operators: +, -, *, /
  • Decimal Point: .
  • Parentheses: (, )
  • Equals: Enter
  • Clear: Escape
  • Backspace: Backspace

Demo

Contributing

1. Fork the repository.
2. Create a new branch (git checkout -b feature-branch).
3. Commit your changes (git commit -am 'Add new feature').
4. Push to the branch (git push origin feature-branch).
5. Create a new Pull Request.

Acknowledgements

• Inspired by modern UI/UX design principles.
• Thanks to CodeAlpha for the opportunity to work on this project.