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

Last update: Apr 14, 2022

Math Magicians

A website for all the fans of mathematics

screenshot

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

Built With

  • React
  • HTML
  • SCSS
  • JavaScript

Live Demo

Getting Started

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

Prerequisites

A Web Browser (preferably Google Chrome)

Setup

  • Clone the GitHub Repository
  • Go to the Project Directory
  • Run npm install

Usage

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.

Authors

๐Ÿ‘ค Author 1

๐Ÿค 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

๐Ÿ“ License

This project is MIT licensed.

GitHub

https://github.com/awais-amjed/math-magicians
Comments
  • 1. Components

    In this Pull Request, the following changes were introduced:

    • Removed React Boiler Plate Code. โœ…
    • Created calculator structure. โœ…
    • Added Styling to Calculator & Calculator Buttons. โœ…
    • Update App Screenshot & Readme. โœ…
    Reviewed by awais-amjed at 2022-03-16 12:44
  • 2. Full website

    In this Pull Request, the following changes were introduced:

    • Added Navigation to the application. โœ…
    • Added a header and footer. โœ…
    • Added Home, Calculator, and Quotes Page. โœ…
    • Added Styling to the page. โœ…
    • Updated App Screenshot. โœ…
    Reviewed by awais-amjed at 2022-03-23 16:34
  • 3. Hooks

    In this Pull Request, the following changes were introduced:

    • Refactored Code to use React Hooks instead of Class Components. โœ…
    • Fix Warning for using flex-end instead of just end. โœ…
    • Updated icon. โœ…
    • Fixed crashing of the app when an operator is pressed first. โœ…
    • Deployed to Netlify since gh-pages was acting up. โœ…
    • Updated Readme to include the Live demo link. โœ…
    Reviewed by awais-amjed at 2022-03-17 12:58
  • 4. Events

    In this Pull Request, the following changes were introduced:

    • Added the provided Calculate and Operate files. โœ…
    • Used the above files to implement the calculator functionality, handling on Click Events. โœ…
    • Added a separate prop to keep a track of the current operation being performed. โœ…
    • Fixed Text Overflow. โœ…
    Reviewed by awais-amjed at 2022-03-16 17:11
  • 5. Project setup

    In this Pull Request, the following changes were introduced:

    • Created a simple react app as a starting point for this Project โœ…
    • Added Linters config โœ…
    • Fixed Linter Issues โœ…
    • Added Descriptive Readme โœ…
    Reviewed by awais-amjed at 2022-03-14 09:52
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

May 26, 2022
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.

Mar 24, 2022
"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

Mar 23, 2022
Created the famous game "Tic-Tac-Toe" using ReactJS.

ABOUT THE PROJECT In this project we recreated the famous game "Tic-Tac-Toe" using ReactJS. RULES OF THE GAME The Morpion, also called Tic-Tac-Toe is

Feb 24, 2022
A Math Magicians Calculator built with React.
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

Aug 23, 2021
"Math magicians" is a website for all fans of mathematics built using React and Bootstrap.

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

Dec 6, 2021
Math-magicians - Leadboard App Built With React.Js

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

Feb 25, 2022
Math magicians - A website for all fans of mathematics Built with React and pure CSS
Math magicians - A website for all fans of mathematics Built with React and pure CSS

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

Mar 31, 2022
Clone project of a famous Q/A website for developers which is stackoverflow built using MySQL-Express-React-Node :globe_with_meridians:
Clone project of a famous Q/A website for developers which is stackoverflow built using MySQL-Express-React-Node :globe_with_meridians:

StackOverflowClone As the name suggests, this project is a clone of a famous Q/A website for professional and enthusiast programmers built solely by m

Jun 17, 2022
This project I created with Rodrigo Branas in the live about the micro frontends. For this presentation I used single-spa.js, vue.js and react on different micro frontends
This project I created with Rodrigo Branas in the live about the micro frontends. For this presentation I used single-spa.js, vue.js and react on different micro frontends

live-microfrontends-with-branas Micro Frontend with Rodrigo Branas This project I created with Rodrigo Branas in the live about the micro frontends. F

Jan 26, 2022
Completed React & Redux project, releated to a single page app (SPA)
Completed React & Redux project, releated to a single page app (SPA)

Completed React & Redux project, releated to a single page app (SPA), were you can find information of the most popular crypto coins in the market using coingecko API. Including a search bar for filtering the crypto coin you want to match.

Mar 23, 2022
This is memories application developed using React JS,mongo DB .We can perform CRUD operation in this app like create post,read post,make changes in previously posted post as well as delete post.
This is memories application developed using React JS,mongo DB .We can perform CRUD operation in this app like create post,read post,make changes in previously posted post as well as delete post.

Memories Front end - React,javascript,html,css Back end- NODE JS Application - This is memory application and it is a simple social media app that all

Apr 20, 2022
Application that allows you read posts
Application that allows you read posts

?? Tecnologias Esse projeto foi desenvolvido com as seguintes tecnologias: NextJs Prismic ?? Telas Home. Na primeira imagem รฉ possรญvel ver o conceito

Feb 27, 2022
Mordan React in this project I demonstrate some of the most important tools that will make you design and build a protectional react project using a simple todo idea.
Mordan React in this project I demonstrate some of the most important tools that will make you design and build a protectional react project using a simple todo idea.

Mordan React in this project I demonstrate some of the most important tools that will make you design and build a protectional react project using a simple todo idea.

May 24, 2022
An example of a Quotes App using Ionic and React
An example of a Quotes App using Ionic and React

An example of a Quotes App using Ionic and React

Jun 12, 2022
Web application that allows users to buy and sell various things of different categories
Web application that allows users to buy and sell various things of different categories

This simple and functional application allows users to sell and buy their products. It's open for anybody around the world, in this way the users can deal with all currencies as well as crypto currencies to close their business.

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

Movie Search App This project is a React application with functions to search for movies and add movies to favorites using OMDb API. Home Page Favorit

May 25, 2022
TrackIt - Single Page Application that helps the user track their habits. Implemented with JavaScript/React and an API server which enables the user to sign-in or sign-up in the app.
TrackIt - Single Page Application that helps the user track their habits. Implemented with JavaScript/React and an API server which enables the user to sign-in or sign-up in the app.

TrackIt - Single Page Application that helps the user track their habits. Implemented with JavaScript/React and an API server which enables the user to sign-in or sign-up in the app.

Apr 13, 2022
A GraphQL-powered, PWA, single-page application storefront for Saleor
A GraphQL-powered, PWA, single-page application storefront for Saleor

Saleor Storefront Note: This project is beta quality. We don't advise using it in production. A GraphQL-powered, PWA, single-page application storefro

Feb 11, 2022