� CalculatoReady

A beginner-friendly web calculator built with vanilla HTML, CSS, and JavaScript. Zero dependencies, zero frameworks — just clean browser APIs demonstrating core front-end fundamentals.

Features

• Arithmetic operations — addition, subtraction, multiplication, division
• Input validation — prevents duplicate operators, handles division by zero
• Responsive layout — CSS Grid adapts to any screen size
• Themed UI — CSS custom properties for easy color management
• Smooth interactions — CSS transitions and transforms for button feedback
• Overflow protection — long results are truncated with toPrecision()

Tech Stack

Layer	Technology
Markup	HTML5
Styling	CSS3 (Grid, Custom Properties, Media Queries)
Logic	Vanilla JavaScript (ES6+)
Font	Segoe UI via Google Fonts
Icons	Font Awesome 6.4 (CDN)

Getting Started

1. Clone the repository:

   git clone https://github.com/yourfiyan/calculatoready.git
   cd calculatoready

2. Open index.html in your browser — no build step required.

Project Structure

calculatoready/
├── index.html      # Page layout and calculator markup
├── style.css       # Theming, grid layout, responsive design
├── script.js       # Calculator logic and DOM event handling
├── LICENSE         # MIT License
└── README.md

Architecture

flowchart LR
    A[User clicks button] --> B[DOM Event Listener]
    B --> C{Button type?}
    C -->|Number| D[Append to current input]
    C -->|Operator| E[Store operand + operator]
    C -->|Equals| F[Evaluate expression]
    C -->|Clear| G[Reset state]
    D --> H[Update display]
    E --> H
    F --> H
    G --> H

Loading

Contributing

See CONTRIBUTING.md for guidelines.

Security

See SECURITY.md for vulnerability reporting.

License

This project is licensed under the MIT License.