Skip to content

WinnieYuDev/react-calculator

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Description

This application uses React to create a simple calculator that is capable of addition, subtraction, and resetting.

Screenshot 2025-09-12 050931

Calculator Components

  • In the Display component, it shows values of buttons and displays total value
  • In the Buttons component, it provides buttons to perform various operations and clears display.

Lessons

  • Use of React, node.js, npm
  • Learning root
  • Deploying on domain
  • Estabilish DOM elements
  • Use of Math functions in JS

How to Use

To use this calculator, follow these steps:

Getting Started with Create React App

This project was bootstrapped with Create React App.

Available Scripts

In the project directory, you can run:

npm start

Runs the app in the development mode.
Open http://localhost:5173/ to view it in your browser.

The page will reload when you make changes.
You may also see any lint errors in the console.

npm test

Launches the test runner in the interactive watch mode.
See the section about running tests for more information.

npm run build

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!

See the section about deployment for more information.

npm run eject

Note: this is a one-way operation. Once you eject, you can't go back!

About

Colorful simple calculator app

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published