Skip to content

Latest commit

 

History

34 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🧮 Smart Calculator

A modern, responsive, and user-friendly calculator built with HTML, CSS, and JavaScript.

Smart Calculator is a lightweight and responsive web application designed to perform everyday arithmetic calculations with speed and accuracy. Featuring a clean user interface, keyboard support, and responsive design, this project delivers a smooth user experience across desktop and mobile devices.


🌍 Live Demo

🔗 Live Preview: https://upeka200163.github.io/Calculator/


📸 Project Preview

471041056-0d0fa4cc-12cd-415d-915a-d2fffa599732


✨ Project Overview

This calculator was developed using core web technologies with a focus on simplicity, responsiveness, and usability. It allows users to perform common mathematical operations while providing a clean and intuitive interface suitable for all screen sizes.


🚀 Features

🧮 Basic Arithmetic Operations

  • Addition (+)
  • Subtraction (-)
  • Multiplication (×)
  • Division (÷)
  • Percentage (%)

⌨️ Keyboard Support

  • Full keyboard input support
  • Enter key for calculation
  • Backspace for deleting values
  • Escape key to clear display

🎨 Modern User Interface

  • Clean and minimal design
  • Rounded calculator buttons
  • Responsive layout
  • Smooth hover animations

⚡ Fast Performance

  • Instant calculations
  • Lightweight JavaScript logic
  • Optimized for modern browsers

🛠️ Technology Stack

Technology Purpose
HTML5 Structure
CSS3 Styling & Responsive Layout
JavaScript (ES6+) Calculator Logic & Interactivity

🎨 UI Highlights

✨ Modern Calculator Interface

✨ Clean Typography

✨ Responsive Layout

✨ Smooth Hover Effects

✨ Mobile-Friendly Design

✨ Optimized User Experience


📱 Responsive Design

Fully optimized for:

  • 💻 Desktop
  • 📱 Mobile
  • 📟 Tablet

📂 Project Structure

Calculator/
│
├── index.html
├── style.css
├── script.js
├── Images/
└── README.md

⚙️ Getting Started

Clone the Repository

git clone https://github.com/upeka200163/Calculator.git

Navigate to the Project Folder

cd Calculator

Launch the Application

Simply open index.html in your preferred web browser.

No additional installation or dependencies are required.


⌨️ Keyboard Controls

Key Function
0 – 9 Number Input
+ - × ÷ Arithmetic Operations
% Percentage
Enter Calculate Result
Backspace Delete Last Character
Escape Clear Display

🎯 Future Enhancements

  • Scientific Calculator Mode
  • Calculation History
  • Dark / Light Theme Toggle
  • Memory Functions (M+, M-, MR, MC)
  • Keyboard Shortcut Improvements

📄 License

This project is licensed under the MIT License.


⭐ If you found this project helpful, don't forget to Star this repository!

About

A simple and modern calculator web application built using HTML, CSS, and JavaScript. It supports basic arithmetic operations with a clean UI, keyboard input, and responsive design.

Resources

Stars

1 star

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages