Skip to content

Waize333/Calculator-APP

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

React Calculator

A simple and functional calculator application built with React. This project showcases the use of React hooks (useState), event handling, and component composition.

Features

  • Basic arithmetic operations: addition, subtraction, multiplication, and division.
  • Clear (C) button to reset the calculator.
  • Responsive and interactive UI.

Project Structure

/path/to/your/files ├── public │ └── index.html ├── src │ ├── components │ │ ├── Calculator.js │ │ └── CalcButton.js │ ├── App.js │ ├── index.css │ └── index.js ├── package.json └── README.md

Files

  • cal.html: The main HTML file.
  • cal.css: The CSS file for global styles.
  • Cal.js: The calculator component containing the calculator logic.

Setup

To run this project locally, follow these steps:

  1. Clone the repository:

    git clone https://github.com/Waize333/Calculator-APP.git
    cd react-calculator
  2. Install dependencies:

    npm install
  3. Run the application:

    npm start
  4. Open the application: Open http://localhost:3000 to view it in the browser.

About

Building a calculator Using React

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published