Skip to content

A user-friendly web-based calculator built with React, offering basic arithmetic operations, real-time calculation, and clear/delete functionality.

Notifications You must be signed in to change notification settings

vyshnav0/Simple-React-Calculator

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

23 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

React Calculator App

A simple web-based calculator application built with React.

Table of Contents

Introduction

This React Calculator App is a straightforward web application designed to perform basic arithmetic calculations. It provides a clean user interface for performing addition, subtraction, multiplication, and division operations.

Key Features

  • Arithmetic operations: Addition, Subtraction, Multiplication, and Division.
  • Clear and delete functionality.
  • Decimal point support.
  • Real-time calculation and display of results.
  • User-friendly interface.

Installation & Usage

  1. Launching the App:

    To use the calculator app, follow these steps:

    • Clone the repository to your local machine:

      git clone https://github.com/vyshnav0/Simple-React-Calculator.git
      cd Simple-React-Calculator
    • Install project dependencies:

      npm install
    • Start the development server:

      npm start
    • Open your web browser and navigate to http://localhost:3000 to use the calculator.

  2. Basic Calculation:

    • Click on the digit buttons to enter numbers.
    • Use the operation buttons (+, -, ×, ÷) to perform calculations.
    • Press the "=" button to view the result.
    • Click "AC" to clear the input and start a new calculation.
    • "DEL" removes the last digit in the current input.
  3. Decimal Numbers:

    • You can use the "." button to enter decimal numbers.

Project Structure

The project structure is organized as follows:

  • src/: Contains the source code files.
    • components/: React components for digit buttons and operation buttons.
    • utils/: Utility functions for calculation and number formatting.
  • style.css: Stylesheet for the calculator's appearance.

Reference

Contributing

Contributions to this project are welcome! If you'd like to contribute, please follow these steps:

  1. Fork the repository.
  2. Create a new branch for your feature or bug fix.
  3. Make your changes and ensure they are tested.
  4. Submit a pull request describing your changes.

License

This project is licensed under the MIT License. See the LICENSE file for details.


About

A user-friendly web-based calculator built with React, offering basic arithmetic operations, real-time calculation, and clear/delete functionality.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published