React Space Calculator

About

The React Space Calculator is a web-based calculator application built using React. It allows users to perform basic arithmetic calculations such as addition, subtraction, multiplication, and division. The calculator also supports percentage calculations and can handle decimal numbers.

New Feature:

• Audio Feedback: Each button click triggers a corresponding sound effect, enhancing user interaction and feedback.

Features

• Arithmetic Operations: Addition, subtraction, multiplication, division
• Percentage Calculation: Quickly calculate percentages of numbers
• All Clear Function: Clear all inputs and results with a single button
• Responsive Design: Designed to be usable on both desktop and mobile devices

Technologies Used

• React: Front-end JavaScript library for building user interfaces
• useState Hook: Used for managing state within functional components
• CSS: Styling for the calculator layout
• JavaScript (ES6+): Used for handling calculations, logic, and integrating audio feedback

How to Use

1. Clone the Repository:

   git clone https://github.com/your-username/react-space-calculator.git
   cd react-space-calculator

2. Install Dependencies: Make sure you have Node.js and npm installed. Then, install dependencies:

   npm install

3. Run the Application: Start the development server:

   npm start

   The application should open automatically in your default web browser. If not, navigate to http://localhost:3000 in your browser.

4. Start Calculating:

   • Use the buttons on the calculator interface to input numbers and perform calculations.
   • Each button click triggers an auditory feedback corresponding to the action performed.

Additional Features:

• Use the "AC" button to clear all inputs and results.
• Click "%" to calculate percentages.
• The calculator supports chaining operations (e.g., 5 + 3 * 2).

Live Demo

Check out the live demo of the React Space Calculator here.

Contributions

Contributions are welcome! If you have ideas for improvements or find any issues, feel free to open an issue or submit a pull request.

License

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

Acknowledgments

This project was created as a learning exercise in React and modern front-end development. Thanks to the React community for their valuable resources and tutorials.