This is a single page application that includes three pages; Home, Calculator and Quotes. You can do Math Calculations and read quotes.

Last update: Jun 7, 2022

Related tags

Overview

Math magicians app

This is a single page application that includes three pages; Home, Calculator and Quotes. You can do Math Calculations and read quotes.

Built with

React.js
HTML
CSS

Other tools

Babel compiler

Live Demo

For the link to the live demo, Heroku Netlify

Getting Started with Create React App

This project was bootstrapped with Create React App.

installation

In order to run on your local machine, type in;

npx create-react-app my-app
cd my-app
npm start

Runs the app in the development mode.

Author

👤 Author 1: Acholah Lynette

GitHub: @iLynette
Twitter: @acholah_lynette
LinkedIn: acholah lynette

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Show your support

Give a ⭐️ if you like this project!

Acknowledgments

Math magicians app Web site created using create-react-app

Comments

Unit tests
In this project i implemented the following;

[ ] Set up React Testing Library.

[ ] 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.
opened by iLynette 1
Full website
In this project i implemented the following;

[ ] Apply React Routing and basic styling for this project.

[ ] Create a website consisting of 3 pages: Home, Calculator, and Quotes.

[ ] Each page in the project has its own route

[ ] Made sure that navigation links for all 3 routes are displayed on each page

[ ] Used React basic styling for this project

[ ] No linter errors

I did not include a lot of styling and followed the basic wireframe. I intend to include some styling as an additional feature in future.

Thank you for taking the time to review my project
opened by iLynette 1
Using hooks
In this project I implemented the following;

[ ] Refactored the Calculator component (components/Calculator.js) from a class-based component to a functional component with hooks.

[ ] After the refactor, I made sure that the app functionality remained the same.
opened by iLynette 1
Calculator events
In this project I implemented the following;

[ ] Copied the files calculate.js and operate.js into a logic/ directory in my project.

[ ] Import the files in my Calculator component.

[ ] Implement the event handlers using the math logic from calculate.js and operate.js in my React component.

[ ] Used state and props, passed props to child components, used lifecycle methods, lift state up.

[ ] Tested my app on the browser and it works
opened by iLynette 1
Calculator components
In this project I implemented the following;

[ ] Create a directory called components.

[ ] Inside components, create a new Calculator.jsfile.

[ ] In Calculator.js, create a React component that matches the required design:
opened by iLynette 0

This is a single page application that includes three pages; Home, Calculator and Quotes. You can do Math Calculations and read quotes.

Related tags

Overview

Math magicians app

Built with

Other tools

Live Demo

Getting Started with Create React App

installation

Author

🤝 Contributing

Show your support

Acknowledgments

Comments

Unit tests

Full website

Using hooks

Calculator events

Calculator components

Owner

Lynette Acholah

Math Magicians! This is a website for all fans of mathematics. It is a Single Page App (SPA) that allows users to make basic calculations and read a random math-related quote.

Math magicians is a website for all fans of mathematics. It is a Single Page App (SPA) that allows users to: Make simple calculations. Read a random math-related quote.

"Math magicians" is a website for all fans of mathematics. You can Make simple calculations and Read a random math-related quote.

A Single Page App (SPA) that allows users to: make simple calculations and read a random math-related quote

This is a calculator application. The user can do some calculations on this application.

An application that has a frontend (user interface) that allows you to create, read, update or delete (CRUD) products using an API in which you can also create, read, update or delete products.

Interactive web app where you can Store ,Add and Remove books to organize the books that you've read or the ones willing to read

The Bookstore website is designed for you to create a personal list of books. You can add a book to the list, or remove a book from your list. You can use this as a "to read" list and update the list when you finish reading a book that is on the list.

Math Magicians is a website for performing basic maths calculations, This website is built using REACT and JavaScript libraries.

An eCommerce website that allows you to sign in and create an account and buy products and pay using PayPal and includes a dashboard that allows you to (add, update, and remove) a product...

Single Page Application built using React, Context API and OMDb API.

Single Page Application with React, React Router, PostCSS, Webpack, Docker and Docker Compose.

Space Traveler's Hub is a single page web application that fatches rockets, missions from the SpaceX API.

Wall Covering Calculator and Material Procurement Portal

React Calculator-App

Buy or renew two-wheeler insurance online. Free Quotes from Top Insurers with Lowest Premiums in 20 Seconds

"BookStore" is a web app for adding books. It is a Single Page App (SPA) that allows users to add and remove a book from the library

Web App to store a list of books (Title and Author) made as a single page app.

Webpack is an open-source JavaScript module bundler. This includes basic setup files to help me not redo all the setups for webpack when starting a new project.