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

Related tags

Learning resource javascript css npm es6 reactjs react-bootstrap jest-tests linters
Overview

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 and read a random math-related quote.

Built With

Additional Used

  • Bootstrap
  • ES6 (Modules)
  • npm
  • Jest (testing)
  • Linters

Live Demo 🌐

Math-Magicians Link

Getting Started

To get a local copy up and running follow these simple example steps.

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

Then cd math-magicians

Then npm install to install packages

Finally npm start

Authors

👤 Kyrillos Hany

🤝 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!

📝 License

This project is MIT licensed.

Comments
  • Math magicians: tests

    Math magicians: tests

    Hello there 🙋‍♂️,

    Thanks for taking the time to review our project.

    Live Demo 🌐

    Math Magicians Project

    Changes according to requirements 🧾

    • Create __tests__ folder that contain all test files.
    • Add unit tests for the operate.js and calculate.js files.
    • Create unit tests for all React components.
    • Use Jest snapshots to test the components.
    • Use react-testing-library to simulate user interaction.
    • Update README.md.
    • Use Gitflow.
    • Use Linters.
    • Use Jest

    Gif found on CodeReviewGifs.com hosted on Giphy.com

    opened by Bondok6 0
  • Math magicians: full website

    Math magicians: full website

    Hello there 🙋‍♂️,

    Thanks for taking the time to review my project.

    Live Demo 🌐

    Math Magicians Project

    Changes according to requirements 🧾

    • Create 3 pages: Home, CalculatorPage, and Quote.
    • Create MainHeader.jsx components that contain the Navigation.
    • Install a third-party package called react-router-dom to render the pages.
    • Create styles folder that contains all React basic styling.
    • Add Media Queries for mobile screens. (Responsive Design)
    • Use gh-pages to deploy my project.
    • Update README.md.
    • Use Gitflow.
    • Use Linters.

    Gif found on CodeReviewGifs.com hosted on Giphy.com

    opened by Bondok6 0
  • Math magicians: refactor with hooks

    Math magicians: refactor with hooks

    Hello there 🙋‍♂️,

    Thanks for taking the time to review my project.

    Live Demo 🌐

    Math Magicians Project

    Changes according to requirements 🧾

    • Refactor Calculator.jsx from a class-based component to a functional component with hooks.
    • Refactor App.js from a class-based component to a functional component.
    • Use React-Bootstrap.
    • Use gh-pages to deploy my project.
    • Use Gitflow.
    • Use Linters.

    Gif found on CodeReviewGifs.com hosted on Giphy.com

    opened by Bondok6 0
  • Math magicians: Events

    Math magicians: Events

    Hello there 🙋‍♂️,

    Thanks for taking the time to review my project.

    Live Demo 🌐

    Math Magicians Project

    Changes according to requirements 🧾

    • Add the files calculate.js and operate.js into a logic/ directory.
    • Implement the event handlers clickHandler() function.
    • Use class based components.
    • Use React-Bootstrap.
    • Use gh-pages to Deploy my project.
    • Use Gitflow.
    • Use Linters.

    Gif found on CodeReviewGifs.com hosted on Giphy.com

    opened by Bondok6 0
  • Math magicians: components

    Math magicians: components

    Hello there 🙋‍♂️,

    Thanks for taking the time to review my project.

    Live Demo 🌐

    Math Magicians Project

    Changes according to requirements 🧾

    • Delete all the boilerplate from CRA (text, images, styles).
    • Create a directory called components.
    • Create Calculator.js file inside the components folder.
    • Use class based components.
    • Use React-Bootstrap.
    • Use gh-pages.
    • Update README.md file, Add two screenshots.
    • Add media query mobile screens. (Responsive Design).
    • Use Gitflow.

    Gif found on CodeReviewGifs.com hosted on Giphy.com

    opened by Bondok6 0
  • Math magicians: setup

    Math magicians: setup

    Hello there 🙋‍♂️,

    Thanks for taking the time to review my project.

    Changes according to requirements 🧾

    • Create React App using npx create-react-app math-magicians command.
    • Setup linters-config.
    • Create MIT.md file.
    • Update README.md file.
    • Use Gitflow.

    Screenshot Preview

    opened by Bondok6 0
Owner
Kyrillos Hany
Front-end Developer, In love with React and Redux || Chess lover || B.CS || Open to new opportunities.
Kyrillos Hany
GitHub https://bondok6.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 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 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. Read a random math-related quote.

math-magicians A Single Page App (SPA) that allows users to Make simple calculations and read a random math-related quote. "Math magicians" is a websi

Temitope Ogunleye 3 Feb 21, 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 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. 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
"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. Read a random maths-related quote.

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 simp

Amrendra K 8 May 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 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
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
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
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