Basic Calculator

A sleek and efficient calculator built using HTML, CSS, and JavaScript, designed to perform basic arithmetic operations with a user-friendly interface and responsive design.

Description

This calculator project aims to provide a simple yet powerful tool for performing basic arithmetic operations. Built with modern web technologies, it offers fast processing, responsive design, and intuitive user interactions. The project includes features like button press vibration, hover effects, and dynamic result color changes.

Features

• Basic Operations: Addition, subtraction, multiplication, division, percentage calculation, add period, delete number, and all-clear functionalities.
• Dark and Light Mode: Toggles between light and dark themes when clicking on the button icon.
• Fast Processing: Minified CSS file for faster performance. Original and unmodified CSS file.(if not found, mail me!)
• Interactive UI/UX: Button press vibration, hover effects, and dynamic color changes (green-yellow for successful calculations, orange-red for errors).
• Responsive Design: Optimized for the following devices:

Few of them may NOT show desired output design as this whole project is created on mobile.

• Apple iPhone XS Max
• Apple iPhone XS
• Apple iPhone XR
• Apple iPhone 8
• iPhone 6s Plus/7 Plus
• Apple iPhone 6/6s/7
• Apple iPod Touch
• Nexus 5X
• Nexus 6P
• Google Pixel 2
• Google Pixel 2 XL
• Samsung Galaxy Note 5
• Samsung Galaxy S8+
• Samsung Galaxy S8
• Samsung Galaxy S7 Edge
• Samsung Galaxy S5
• Samsung Galaxy S4
• Samsung Galaxy S4 mini
• Samsung Galaxy S2
• Samsung Galaxy S
• Samsung Galaxy Nexus
• Samsung Galaxy Note 3
• Samsung Galaxy Note 2
• Samsung Galaxy Note
• Apple iPhone X
• Apple iPhone 5/5s
• Google Pixel
• Samsung Galaxy S9+
• Samsung Galaxy S7
• Samsung Galaxy S3
• Samsung Galaxy Note 8
• LG G5
• Apple iPhone 8 P
• Apple iPhone 3/4
• Google Pixel XL
• LG G4
• Apple iPad Pro 9.7
• Apple iPad 3, 4, Air, Air2
• Apple iPad 1, 2
• Apple iPad mini
• Samsung Galaxy Tab 2 10"
• Samsung Galaxy Tab (8.9")
• Samsung Galaxy Tab 2 (7")
• Samsung Nexus 10
• HTC Nexus 7 (v2)
• HTC Nexus 7 (v1)
• LG G Pad 8.3

Table of Contents

1. Project Title
2. Description
3. Features
4. Table of Contents
5. How to Install and Run the Project
6. How to Use the Project
7. Credits

How to Install and Run the Project

1. Clone the repository:

   git clone https://github.com/VedantPatil-99/Basic_Calculator.git
   cd Basic_Calculator

2. Open the index.html file in your preferred web browser:

   open index.html

How to Use the Project

1. Enter the desired numbers using the on-screen buttons.
2. Use the operation buttons (+, -, *, /, %) to perform calculations.
3. Press the equals (=) button to see the result.
4. Use the period (.) button to add decimal points.
5. Press the delete (⌫) button to remove the last entered digit.
6. Press the all-clear (AC) button to reset the calculator.

Credits

• Vedant Patil - GitHub Profile
• LinkedIn

Live Demo

Check out the live demo of the calculator 𝘾𝙡𝙞𝙘𝙠 𝙃𝙚𝙧𝙚 ↗️.

License

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