Skip to content

Latest commit

 

History

History
114 lines (82 loc) · 2.92 KB

File metadata and controls

114 lines (82 loc) · 2.92 KB

Modern Calculator 🧮

A modern, interactive calculator web application featuring essential arithmetic operations, memory functions, a responsive design, and a theme toggle for light and dark modes.


Features ✨

  • Responsive Design: Works seamlessly across devices with various screen sizes.
  • Memory Functions: Store, recall, and clear memory values effortlessly.
  • Advanced Operations: Includes square root, reciprocal, and power functions.
  • Keyboard Support: Perform calculations using your keyboard for faster input.
  • Theme Toggle: Switch between dark and light themes with a single click.
  • Responsive Display: Automatically adapts text size and layout for a better user experience.

Demo 🎥

You can view the live demo of this project here.


Installation 🔧

  1. Clone this repository:
    git clone https://github.com/Code1616/ModernCalc.git
  2. Navigate to the project folder:
    cd ModernCalc
  3. Open the index.html file in your favorite browser:
    open index.html

Folder Structure 📂

ModernCalc/
├── index.html         # Main HTML file
├── assets/
│   ├── styles.css     # Styling for the calculator
│   ├── script.js      # JavaScript functionality

How to Use 💡

  1. Open the calculator in your browser.
  2. Use the on-screen buttons or your keyboard to input numbers and operations.
  3. Toggle between dark and light themes using the "Change Theme" button.
  4. Perform memory operations using the MS, MR, MC, and M+ buttons.

Keyboard Shortcuts ⌨️

Key Function
0-9 Input Numbers
. Add Decimal Point
+ - * / Perform Operations
Enter = Calculate Result
Esc Clear All

Customization 🎨

  • Themes: Modify the styles.css file to change colors, fonts, and layouts.
  • Additional Features: Extend functionality by editing script.js.

Contributing 🤝

Contributions are welcome! Follow these steps:

  1. Fork the repository.
  2. Create a new branch:
    git checkout -b feature-name
  3. Commit your changes:
    git commit -m "Add some feature"
  4. Push to the branch:
    git push origin feature-name
  5. Open a Pull Request.

License 📜

This project is licensed under the Unlicense. See the LICENSE file for details.


Screenshots 📸

Dark Mode Light Mode
Dark Mode Light Mode

Made with ❤️ by Roozbeh.