Skip to content

iOS-Style Calculator App with Dark/Light Mode, History, Keyboard Support, and Expression Preview built with HTML, CSS, and JavaScript.

License

Notifications You must be signed in to change notification settings

Learnermeet/Calculator-App

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

3 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

Calculator App

An iOS-style calculator built using HTML, CSS, and JavaScript.
The app is fully responsive and works seamlessly on mobile phones and laptops.

This project recreates the look and feel of the Apple Calculator while adding modern enhancements like theme toggle, calculation history, keyboard support, and expression preview.


๐Ÿš€ Features

  • โœ… Apple-inspired clean UI
  • ๐ŸŒ™ Dark / โ˜€๏ธ Light mode toggle
  • ๐Ÿงฎ Calculation history (last 10 entries)
  • ๐Ÿ—‘๏ธ One-click clear history button
  • ๐Ÿ‘€ Expression preview above display (like iOS)
  • โŒจ๏ธ Full keyboard input support
  • ๐ŸŽž๏ธ Smooth button animations
  • ๐Ÿ“ฑ Responsive design (mobile & desktop)

๐Ÿ› ๏ธ Technologies Used

  • HTML5
  • CSS3 (CSS variables, animations, responsive layout)
  • JavaScript

๐Ÿ“Œ How It Works

  • Supports basic arithmetic operations: + โˆ’ ร— รท
  • Shows current expression above the result display
  • Saves recent calculations in history
  • Works with both mouse/touch and keyboard inputs

๐Ÿ“ฆ Installation & Usage

  1. Clone the repository:
    git clone https://github.com/Learnermeet/Calculator-App.git
  2. Open index.html in your browser

No additional setup required.

๐Ÿ’ฌ Feedback

Suggestions and contributions are welcome. Feel free to open an issue or submit a pull request.

Happy Coding! ๐Ÿš€

About

iOS-Style Calculator App with Dark/Light Mode, History, Keyboard Support, and Expression Preview built with HTML, CSS, and JavaScript.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published