Calculator

A modern and responsive calculator web application built using React and styled with CSS.
The application replicates the experience of a standard mobile calculator with a clean interface and smooth user interactions.

Live Demo

https://calculator-react-72.vercel.app/

Features

• Responsive design for desktop and mobile devices
• Clean and modern user interface
• Supports basic arithmetic operations
  • Addition
  • Subtraction
  • Multiplication
  • Division
• Clear (C) functionality to reset input
• Equals (=) functionality to calculate results
• Component-based architecture using React
• Fast development environment using Vite

Tech Stack

• React
• JavaScript
• CSS3

Getting Started

Follow the steps below to run the project locally.

Clone the Repository

git clone https://github.com/rushikesh-auti/Calculator.git
cd Calculator

Install Dependencies

npm install

Run Development Server

npm run dev

Open your browser and visit:

http://localhost:5173

Project Structure

Calculator
│
├── src
│   ├── components
│   ├── App.jsx
│   ├── App.css
│   └── main.jsx
│
├── index.html
├── package.json
├── package-lock.json
└── vite.config.js

Learning Outcomes

• Building reusable components in React
• Managing application state and user input
• Implementing responsive layouts
• Structuring a React project using Vite
• Applying CSS for modern UI design

Preview

Future Improvements

• Add keyboard input support
• Implement scientific calculator features
• Improve UI animations
• Add automated testing