Project 1: Setup. I will set up the environment and tools needed to develop a React application in this project.
Project 2: Components. In this project, I will add more features to the Math Magicians app. I will develop a React component that will hold the core functionality of a calculator.
Project 3: Events. In this project, I will add the logic needed to make the Calculator component I developed in the previous project work.
Project 4: Refactor with hooks. In this project, I will refactor the Calculator component I developed in past projects. Instead of using class-based components, I will use hooks.
Project 5: Full website. In this project, I will create a full website for the Math Magicians app, consisting of several pages and using the components I have already created. By adding a Home page, Calculator page and Quotes page.
This is the first project of the Math Magicians application. I set up the environment and tools needed to develop a React application.
Math Magician app
- HTML
- CSS
- JavaScript
- React
Languages
- HTML
- CSS
- Javascript
- React
Bundler
- React
Server
- Github
- Use calculator
- Use calculator to make calculations(Addition, Subtraction, Multiplication, Division and Percentage)
- Access Home page
- Access Calculator page
- Access Quote page
- Calculate sin, cos and tan
- Calculate square root and to the power
To get a local copy up and running, follow these steps.
Clone this repository to your desired folder:
git clone git@github.com:RitaDee/math-magic.git
cd math-magic
Install this project with:
npm install
npm install --save-dev @testing-library/react
npm install --save-dev react-test-renderer
To run the project in a development server, execute the following command:
npm start
To run the tests in a development server, execute the following command:
npm test
To to build for the production, execute the following command:
npm run build
You can deploy this project using Github Pages
githubhandle
twitterhandle
linkedIn
Contributions, issues, and feature requests are welcome!
Feel free to check the issues page.
If you like this project give me a star.
Thanks to Microverse for the opportunity to build this project.
Add at least 2 questions new developers would ask when they decide to use your project.
-
What is this project?
- It's a project of Microverse curriculum.
-
Is there any SQL database for this site
- No, there isn't. However, I used javascript objects stored in a file as a small database.
This project is MIT licensed.