A simple web-based calculator application built with React.
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.
- Arithmetic operations: Addition, Subtraction, Multiplication, and Division.
- Clear and delete functionality.
- Decimal point support.
- Real-time calculation and display of results.
- User-friendly interface.
-
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.
-
-
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.
-
Decimal Numbers:
- You can use the "." button to enter decimal numbers.
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.
- This project was developed with the guidance of a video tutorial by WebDevSimplified.
- The design inspiration for this project was taken from (https://youtu.be/u_jPLCZKgX4)
Contributions to this project are welcome! If you'd like to contribute, please follow these steps:
- Fork the repository.
- Create a new branch for your feature or bug fix.
- Make your changes and ensure they are tested.
- Submit a pull request describing your changes.
This project is licensed under the MIT License. See the LICENSE file for details.