Skip to content

README.md

Latest commit

 

History

History
41 lines (27 loc) · 1.43 KB

README.md

File metadata and controls

41 lines (27 loc) · 1.43 KB

📱 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.