Skip to content

Learnermeet/Calculator-App

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 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

 
 
 

Contributors