Skip to content

Tgovardhan2005/Calculator

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

20 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

QuickCalc 🧮

This is a simple calculator web application built with React. It allows you to perform basic arithmetic operations like addition, subtraction, multiplication, and division.

Features

  • Responsive calculator UI
  • Supports addition, subtraction, multiplication, and division
  • Handles decimal numbers
  • Clear (C) and backspace (<) functionality
  • Displays errors for invalid operations

Screenshot

image

Link

https://web-project-react-calculator.vercel.app/

How to Use

  1. Clone the repository:

    git clone Calculator
    cd Calculator/calculator
  2. Install dependencies:

    npm install
  3. Start the app:

    npm start

File Structure

  • src/component/buttons.jsx – Button component for calculator keys
  • src/component/input_box.jsx – Layout for calculator buttons
  • src/component/value_box.jsx – Displays the current value or result
  • src/Container.jsx – Main calculator logic and state
  • src/index.css – Styles for the calculator UI

Usage

  • Click the buttons to enter numbers and operators.
  • Use C to clear the input.
  • Use < to delete the last character.
  • Press = to get the result.

Technologies Used

  • React JS (Functional Components + Hooks)
  • HTML/CSS for UI and layout
  • JavaScript for logic and evaluation

About

The QuickCalc is a responsive web calculator built with React.js. It features a clean interface for basic arithmetic and is ideal for learning React fundamentals, component reuse, and state management with hooks

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors