Proposed changes

The aim of this pull request is to run unit testing.

The following setups were implemented

• Set up React Testing Library.
• Follow the instructions in the official documentation.
• You don't need to setup Jest (it's included in Create React App).
• Write unit tests for the files operate.js and calculate.js using Jest.
• Create unit tests for all React components:
• Use Jest snapshots to test the components.
• Use React Testing Library to simulate user interaction.
• Run your full tests suite using Jest. All tests should pass.

Type of change

• New feature

Checklist

•  Linting tests pass locally with my changes
•  Used correct GitHub flow
•  Documentation is done in a professional way

Proposed changes

The aim of this pull request is to setup a full website.

The following setups were implemented

• Create a website consisting of 3 pages: Home, Calculator, and Quote.
• The general layout should match these wireframes:
• Add your own styles to improve the look and feel.
• For every page, you should create a route.
• Make sure that navigation links for all 3 routes are displayed on each page.
• Use React Router to make the routes work.

Type of change

• New feature

Checklist

•  Linting tests pass locally with my changes
•  Used correct GitHub flow
•  Documentation is done in a professional way

Proposed changes

The aim of this pull request is to Use React hooks. to the project. The following setups were implemented

• Refactor the Calculator component (components/Calculator.js) from a class based component to a functional component with hooks.
• After the refactor is done, test the app in the browser. It should keep the same functionality.

Type of change

• New feature

Checklist

•  Linting tests pass locally with my changes
•  Used correct GitHub flow
•  Documentation is done in a professional way

Proposed changes

The aim of this pull request is to Use handleEvents and lifting state to the project. The following setups were implemented

• Copy the files calculate.js and operate.js into a logic/ directory in your project.
• Analyze the files calculate.js and operate.js, be sure you understand what they do (note: you need to add [big.js] (https://www.npmjs.com/package/big-js) as dependency).
• Import the files in your Calculator component.
• Implement the event handlers you need to use the math logic from calculate.js and operate.js in your React component.
• Practice what you have learned until now: use state and props, pass props to child components, use lifecycle methods, lift state up.
• Test your app in the browser. It should be able to perform math operations.

Type of change

• New feature

Checklist

•  Linting tests pass locally with my changes
•  Used correct GitHub flow
•  Documentation is done in a professional way

Proposed changes

The aim of this pull request is to create UI calculator project.

The following setups were implemented

• Delete all the boilerplate from CRA (text, images, styles).
• Create a directory called components.
• Inside components, create a new Calculator.js file.
• In Calculator.js, create a React component that matches this design:
• Don't add any extra design.
• Develop just the UI of the calculator; the math logic to make it work will be added in the next project.
• Use class based components (All components should be class-based).
• Once the Calculator is ready, import it and use it in your main component (App.js).
• Test it in the browser; it should render without problems.

Type of change

• New feature

Checklist

•  Linting tests pass locally with my changes
•  Used correct GitHub flow
•  Documentation is done in a professional way

Proposed changes

The aim of this pull request is to setup a React math-magicians project.

The following setups were implemented

• Set up a React app.
• Use React documentation.

Type of change

• New feature

Checklist

•  Linting tests pass locally with my changes
•  Used correct [GitHub flow](https://github.com/microverseinc/curriculum-transversal-skills/blob/main/git-