The React calculator app is a web-based application that allows users to perform arithmetic calculations with a responsive and dynamic user interface. The app is built with React components that allow users to input numeric values and mathematical operators like addition, subtraction, multiplication, and division. The app's interface dynamically updates as users enter values and operators, and it provides instant feedback on the calculated result. The app also includes memory functionality, which allows users to save and recall previously calculated values. The app is intended to be user-friendly and responsive, working seamlessly across a variety of devices such as desktops, laptops, tablets, and smartphones. It can handle a wide range of calculations, from simple arithmetic to complex scientific calculations.
- Addition: Perform addition of two or more numbers.
- Subtraction: Perform subtraction of two numbers.
- Multiplication: Perform multiplication of two or more numbers.
- Division: Perform division of two numbers.
- Error Handling: Proper error messages are displayed for invalid inputs or calculations.
- React.js: JavaScript library for building user interfaces.
- HTML: Markup language for creating the structure of the calculator.
- CSS: Styling the calculator and providing a visually appealing interface.
You can find the project here
To get a local copy up and running follow these simple example steps.
-
Navigate to the button on the top right green "code" button.
-
In the drop down menu choose "Download Zip" or clone it using git using the following command.
$ git@github.com:Kelvin-Ben/Math-Magicians.git
-
After extracting the files, you'll have my project on your local machine.
-
To run the project you'll need to use the following command in your terminal to set up the node modules.
$ npm run start
-
After opening the project in the localHost using live server, you might have to click the dist folder to see the project.
-
For development only purposes:
$ npm runserve in the terminal. -
Perform calculations: Enter numbers and use the provided buttons to perform calculations. The result will be displayed on the screen.
This App was deployed using the netlify app deployment platform. But you can also run npm run start in your terminal after the setup process.
👤 Kelvin Benjamin
- GitHub: Kelvin-Ben
- Twitter: kevoyout144
- LinkedIn: Kelvin-Ben
Contributions, issues, and feature requests are welcome!
Feel free to check the issues page.
Give a ⭐️ if you like this project!
- Hat tip to Microverse for the Opportunity.
- This calculator application was inspired by the need for a simple and efficient tool to perform basic calculations.
- The React.js documentation and online resources were helpful in understanding and implementing the application.
This project is licensed under the MIT License. See the LICENSE file for more details.