Skip to content

ModernCalc is a sleek, responsive web calculator designed for both simplicity and functionality. Featuring essential operations, advanced features, and a theme toggle, itโ€™s perfect for showcasing web development skills. ๐Ÿš€

License

Notifications You must be signed in to change notification settings

Code1616/ModernCalc

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

6 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

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.

About

ModernCalc is a sleek, responsive web calculator designed for both simplicity and functionality. Featuring essential operations, advanced features, and a theme toggle, itโ€™s perfect for showcasing web development skills. ๐Ÿš€

Topics

Resources

License

Stars

Watchers

Forks