Skip to content

Ikana82/calculator-web

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

18 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

📱 Modern iOS-Style Calculator Web App

Live Demo

A web-based calculator application designed with a modern aesthetic inspired by the iOS/iPhone UI. This project emphasizes clean design, responsive functionality, and a smooth user experience.


✨ Key Features

  • iOS Glassmorphism Design: Elegant dark interface with high-contrast pink accents.
  • Smart Calculation: Supports basic arithmetic operations, percentages, and decimals.
  • Clean Code: Built using Vanilla HTML, CSS, and JavaScript without external frameworks or libraries.

🚀 Tech Stack

  • HTML5: Semantic document structure.
  • CSS3: Flexbox, CSS Grid, Custom Variables (CSS Variables), and UI animations.
  • JavaScript (ES6): Core calculation logic, DOM manipulation, and number formatting.
  • Google Fonts: Utilizing 'Poppins' for modern and clean typography.

🛠️ Installation & Usage

To run this project locally or make your own modifications:

  1. Clone the Repository

    git clone [https://github.com/Ikana82/calculator-web.git](https://github.com/Ikana82/calculator-web.git)
  2. Navigate to the Project Folder

    cd calculator-web
  3. Open the File Simply double-click index.html or use the Live Server extension in VS Code.

About

Beyond its looks, the app is a study in efficient Vanilla JavaScript logic and modern CSS Grid layouts. It features intelligent operator handling, smart result resets, and ensuring that every calculation is as smooth as the interface itself.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors