Math magicians is a website for all fans of mathematics.

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
Math magicians is a website for all fans of mathematics which you can make simple calculations. Built with React.

Math Magicians is a website for all fans of mathematics which you can make simple calculations. Built with React.

Leonardo Goss 3 Mar 24, 2022
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.

"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
Math Magicians is a react web app that has a feature of simple calculator and also generates a random math related quotes

Math Magicians is a react web app that has a feature of simple calculator and also generates a random math related quotes

Sebastian Daniel Solis Fenger 3 May 26, 2022
Math magicians is a Single Page App (SPA), based on react, that allows users to make simple calculations and read random math-related quotes. Built mainly with REACTJS

Math magicians is a Single Page App (SPA), based on react, that allows users to make simple calculations and read random math-related quotes. Built mainly with REACTJS

Vitor Guedes Madeira 17 Oct 26, 2022
A Math Magicians Calculator built with React.

Math Magicians Calculator This is a Calculator I built with React employing hooks and best practices, such as lift state, destructuring, and passing p

Arturo Alvarez 3 Aug 23, 2021
Math-magicians - Leadboard App Built With React.Js

LEADBOARD APP "Math magicians" is a website for all fans of mathematics. It is a

Aime Malaika 3 Feb 25, 2022
Math Magicians is a Single Page Application (SPA) created in React that allows users to make simple calculations & Read some famous Quotes

Math Magicians is a Single Page Application (SPA) created in React that allows users to make simple calculations & Read some famous Quotes

Awais Amjed 12 Jul 28, 2022
Math Magicians is a Microverce React project.

Math Magicians is a Microverce React project. It is a website for all fans of mathematics. Using this website user can make simple calculations and also can read a random math-related quote.

Abu Raihan 12 Feb 24, 2023
"Math Magician" is an application created in React designed for math lovers

Math Magicians "Math Magicians" is an app for mathlovers. It was created using React! Hope you like it. Built With React, SASS Visual Studio Code. Liv

Carlos HerverSolano 7 Mar 23, 2022
Foot Locker is an online store specialized in selling shoes of all kinds, where you can find all the shoes you want

Foot Locker Links ?? Heroku link Adobe XD link Description Foot Locker is an online store specialized in selling shoes of all kinds, where you can fin

G11 1 Apr 16, 2022
This is a MERN based app built to help talented individuals to find all sorts of gigs! From being a musician at a wedding, to film editing and videography, all sorts of individuals can benefit from Gig Spot.

Gig Spot - A MERN Gig Finder License Table of Contents Description Installation Demo Technologies Authors Description This is a MERN based app built t

Emily Kersey 2 Jul 25, 2022
A Single Page App (SPA) that allows users to make simple calculations and read a random math-related quotes.

This is a Single Page App (SPA) that allows users to make simple calculations and read a random math-related quote. The aim of this project is to learn how to use React.

Favour Ezeugwa 10 Dec 7, 2022
Math Magician App - A web app developed using React

Math Magician App A web app developed using React. It's a simple calcualtor application. It also has a small router for about pages. Other than calcul

Ritobroto Mukherjee 7 Sep 8, 2022
Worlde but Math

NERDLE Worlde but Math ?? Features Mobile Friendly Remote configuration Tested for + - ^ % / operators Typesafe (Typescript) Virtual Keyboard / Mobile

Ayush Paharia 4 Jul 25, 2022
Spotify, Soundcloud, and YouTube all in one website!

Kord App Kord: One place for all of your (Spotify | Soundcloud | Youtube) music. Chromium and Firefox browsers supported only. Built With React.js Gat

Bundit Hongmanee 580 Jan 7, 2023
A website for all the songs from the Love Live! franchise.

Raburadio This is the frontend repository for Raburadio, a website to archive all the songs in the Love Live! franchise. A re-write of the PHP-based L

Hunter Chen 6 Sep 26, 2022
Bookstore - A simple website to store all your favorite books. Created with React.js

Bookstore - A simple website to store all your favorite books. Created with React.js

Melanie Arellano 6 Jun 7, 2022
A meal-based website that gives you all the information you need about your favourite breakfast, lunch and dinner. built with react-typescript & redux.

A meal-based website that gives you all the information you need about your favourite meals. built with react-typescript & redux.

Okoye Charles 3 Dec 31, 2022
The Bookstore is a website similar to the "Awesome Books" website already built with JavaScript

The Bookstore is a website similar to the "Awesome Books" website already built with JavaScript. It allows you to: Display a list of books. Add a book. Remove a selected book. By building this application, I learned how to use React and Redux.

Hamza Ellaouzi 8 Oct 29, 2021