"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 maths-related quote.

Related tags

Learning resource javascript webpack jsx reactjs gitflow
Overview

Project Name : Math Magicians

"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.

You can find live project at https://amrendrakind.github.io/math-magicians/

Built With

  • React JS
  • JSX
  • JavaScripts
  • Webpack
  • GitFlow

Live Demo (Link for My Math Magicians Project)

Github

Take a look at the Math Magician page Math Magician@GitHub

Heroku

Take a look at the Math Magician page Math Magician@Heroku

Netlify

Take a look at the Math Magician page Math Magician@Netlify

Development set up

Clone Repository using

git clone [email protected]:amrendrakind/math-magicians.git

OR using HTTPS

git clone https://github.com/amrendrakind/math-magicians.git

move into project directory

cd math-magicians

Install Project dependancies using NPM

npm install

launch project locally with

npm start

Available Scripts

In the project directory, you can run:

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in your browser.

The page will reload when you make changes.
You may also see any lint errors in the console.

npm test

Launches the test runner in the interactive watch mode.
See the section about running tests for more information.

npm run build

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!

See the section about deployment for more information.

npm run eject

Note: this is a one-way operation. Once you eject, you can't go back!

If you aren't satisfied with the build tool and configuration choices, you can eject at any time. This command will remove the single build dependency from your project.

Instead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except eject will still work, but they will point to the copied scripts so you can tweak them. At this point you're on your own.

You don't have to ever use eject. The curated feature set is suitable for small and middle deployments, and you shouldn't feel obligated to use this feature. However we understand that this tool wouldn't be useful if you couldn't customize it when you are ready for it.

Author

👤 Amrendra K

🤝 Contribution

👤 Paul Oluyemi

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

Show your support

Give a ⭐️ if you like this project!

Acknowledgments

  • Microverse team for guidance

📝 License

This project is MIT licensed.

Comments
  • Math Magicians: Tests

    Math Magicians: Tests

    Math Magicians: Tests

    • 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.
    • Run your full tests suite using Jest. All tests should pass.
    opened by amrendrakind 1
  • Math Magicians: Full Website

    Math Magicians: Full Website

    Math Magicians: Full Website

    • Create a website consisting of 3 pages: Home, Calculator, and Quote.
    • Add your own styles to improve the look and feel.
      • In this project, you should use React basic styling.
    • 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.
    • Deployed math-magicians
    opened by amrendrakind 1
  • Math Magicians: Deploy

    Math Magicians: Deploy

    Math Magicians: Deployment

    • Use Heroku to deploy the Math Magicians app.
    • Use Netlify to deploy the Math Magicians app.
    • Add 2 links to the deployed applications (Heroku and Netlify) to the README file in your GitHub repo.
    opened by amrendrakind 0
  • Math Magicians: Refactor with Hooks

    Math Magicians: Refactor with Hooks

    Refactor with Hooks

    • 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.
    opened by amrendrakind 0
  • Math Magicians: Events

    Math Magicians: Events

    Events

    • 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 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.
    • 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.
    opened by amrendrakind 0
  • Math Magicians: Components UI

    Math Magicians: Components UI

    Components UI

    • 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 Calculator:
    • Don't add any extra design.
    • Develop just the UI of the calculator
    • 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.
    opened by amrendrakind 0
Owner
Amrendra K
Full-Stack Developer, learning with Microverse. I can work with JS | React JS | Node JS | Express JS | Mongo DB. Open to new opportunities.
Amrendra K
GitHub https://amrendrakind.github.io/math-magicians/
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. Math magicians" is a website for all fans of mathematics. It is a Single Page App (SPA) that allows users to: Make simple calculations

Mithlesh kumar 5 Mar 29, 2022
Math magicians is a website for all fans of mathematics. It is a Single Page App (SPA) that allows users to make simple calculations and read a random math-related quote. Build with React.js

Math Magicians Math magicians is a website for all fans of mathematics. It is a Single Page App (SPA) that allows users to make simple calculations an

Kyrillos Hany 9 Mar 23, 2022
"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 Magician "Math magicians" is a website for all fans of mathematics. It is a Single Page App (SPA) that allows users to: Make simple calculations.

Emmanuel Allan 6 Jun 27, 2022
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.

react-math-magicians React Math magicians is a website for all fans of mathematics. It is a Single Page App (SPA) that allows users to: - - Make simpl

null 5 May 27, 2022
Module 03 project: Math magicians is a website for all fans of mathematics. It is a Single Page App (SPA) that allows users to Make simple calculations and Read a random math-related quote.

Math-magicians Math magicians is a website for all fans of mathematics. It is a Single Page App (SPA) that allows users to Make simple calculations an

Basir Mohammadi 14 Sep 26, 2022
Math magicians" is a website for all fans of mathematics. It is a Single Page App (SPA) that allows users to: Make simple calculations and Read a random math-related quote.

Capstone project / FilmTube This is the final project of the moduel 2. we build a series page using an API to display all the series on the main page

Amalia Gomez Moro 5 Aug 23, 2022
"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.

ONLINE MATH CALCULATOR USING REACT "Math magicians" is a website for all fans of mathematics. It is a Single Page App (SPA) that allows users to: Make

Natasha Tatenda Chirombe 6 Aug 24, 2022
"Math magicians" is a website for all fans of mathematics. It is a Single Page App (SPA) that allows users to make simple calculations and read a random math-related quote.

Math magicians "Math magicians" is a website for all fans of mathematics. It is a Single Page App (SPA) that allows users to: Make simple calculations

Tiago Lelinski Marin 8 Aug 26, 2022
"Math magicians" is a website for all fans of mathematics. It is a Single Page App (SPA) that allows users to make simple calculations and read random math-related quotes. Its built using react

Math Magician "Math magicians" is a website for all fans of mathematics. It is a Single Page App (SPA) that allows users to make simple calculations a

Charles Gobina 5 Feb 23, 2022
Math magicians is a website for all fans of mathematics. It is a Single Page App (SPA) that allows users to Make simple calculation.

Math Magians Math magicians is a website for all fans of mathematics. It is a Single Page App (SPA) that allows users to Make simple calculation. Live

Nedjwa Bouraiou 8 Sep 6, 2022
Math magicians is a website for all fans of mathematics

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

eduardosancho 7 Apr 17, 2022
Math magicians is a website for all fans of mathematics

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

Joaquín G. L. Z. 5 Apr 2, 2022
Math Magicians is a website for all fans of mathematics.

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

Virag Kormoczy 11 Dec 7, 2022
Awesome books app is a basic website that allows users to add/remove books from a list. It is a single page app (SPA) which allow switching to different pages of the app without page load. Built with JavaScript.

Awesome Books ES6 In this project, I build a basic website that allows users to add/remove books from a list. using ES6 syntax and make it more organi

Abdulhamid 11 Jul 1, 2022
The to-do list project is an app that allows users to successfully organize their day by inputting prioritized tasks. The project also allows users to carry out the CRUD operations for (add, edit and delete). Two special features of the app are that it saves tasks in the local storage of the user's browser, so when the user reloads or revisits the app, the user can view a list of tasks formerly inputted, and it allows users to prioritize their tasks by dragging up and down the list section.

TO-DO-LIST This is a To Do List Project that dynamically displays tasks to be done with interactions for removing and adding task when completed or no

Francis Ugorji 9 Nov 1, 2021
A simple react project that contain a single page application (SPA) And a simple caculator to make some calculation and there is a section you can see some Math quotes. Ⓜ💯

A simple react project that contain a single page application (SPA) And a simple caculator to make some calculation and there is a section you can see some Math quotes. Ⓜ??

Reem janina 7 May 31, 2022
Mathemagician is a web app for all fans of mathematics.

"Mathemagician" is a web app for all fans of mathematics. It is a Single Page App (SPA) that allows users to make simple calculations and read a random math-related quote.

Alexander Oguzie-Ibeh 11 Apr 22, 2022
This restaurant project is a SPA (single-page application) website. The user can navigate between the home, menu and contact page. I used the MealDB API to display some menu items.

Fresh Cuisine This restaurant project is from the Odin Project and it is a SPA (single-page application) website. The user can navigate between the ho

Virag Kormoczy 7 Nov 2, 2022
A single-page application that allows users to keep track of their books. Users can add the book details (book title and author) and also, and the books can also be removed. Built with JavaScript, HTML, and CSS

Project Name Awesome book with ES6 Description the project. This is a single page application that allows users to keep track of their books. Users ca

Micheal Oguntayo 4 Oct 13, 2022