This is a simple calculator app built using React.js. It performs basic arithmetic operations such as addition, subtraction, multiplication, and division.
- Addition
- Subtraction
- Multiplication
- Division
- Clear
- Decimal
Follow these instructions to get a copy of the project up and running on your local machine.
- Node.js installed on your machine
-
Clone the repository:
git clone https://github.com/ITsPorky/calculator-react.git
-
Navigate to the project directory:
cd calculator-react -
Install dependencies:
npm install
-
Start the development server:
npm start
-
Open your browser and visit http://localhost:3000 to view the app.
- Enter numbers using the on-screen keypad.
- Click on the operation buttons (+, -, *, /, =) to perform calculations.
- The result will be displayed on the screen.
- React.js - JavaScript library for building user interfaces
This section provides an overview of the key learnings and challenges encountered during the development of this project.
Throughout the course of this project, I acquired valuable skills and knowledge in the following areas:
- Proficiency using React.js
- Proficiency using tailwind.css
- The ability to create React.js components and processing data.
In the pursuit of project completion, several challenges were encountered and successfully addressed:
-
Challenge 1: React.js
- Overcame by dedicating time to learn and research React.js to be able to create this project.
-
Challenge 2: Creating React components and using prop data
- Dedicated time to learn and undestand how react components work and how to utilise props to pass data into the component.
-
Challenge 3: Converting data types
- Referenced javascript documentation to use inbuilt methods for converting strings to integers and vice versa.
I hope this documentation was helpful, feel free to try it out.