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

Overview

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.

Comments
  • Components

    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. βœ…
    opened by awais-amjed 1
  • Full website

    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. βœ…
    opened by awais-amjed 0
  • Hooks

    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. βœ…
    opened by awais-amjed 0
  • Events

    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. βœ…
    opened by awais-amjed 0
  • Project setup

    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 βœ…
    opened by awais-amjed 0
Owner
Awais Amjed
Full-stack software developer, React & Redux enthusiast, part-time Freelancer, Love Flutter, Music, Gaming, and Movies. Open to new opportunities!
Awais Amjed
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 9 Aug 19, 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 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
"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
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

Lysiane 4 Feb 24, 2022
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

Mayank Aggarwal 457 Nov 8, 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" 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

Dico Diaz Dussan 6 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

Aime Malaika 3 Feb 25, 2022
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

Roberto Andres Condezo Monge 9 Mar 31, 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

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

Carlos Augusto Sempe Junior 11 Sep 1, 2022
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.

Nicolas Gonzalez 10 Mar 23, 2022
A web application that allows users to create quiz. users can choose the topic, type of the quiz or the number of questions of the quiz

A web application that allows users to create quiz. users can choose the topic, type of the quiz or the number of questions of the quiz. They can also choose the difficulty level for the the quiz. preview.

Gomina Maryam 8 Oct 18, 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.

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

Gauri Kale 1 Jul 30, 2022
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

MarΓ­llia Aparecida Messias de Oliveira 0 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.

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

An example of a Quotes App using Ionic and React

Alan Montgomery 5 Jun 12, 2022
Create beautiful quotes that capture your attention.

Features Easy text highlights via normal rich text formatting Yellow = Bold, Blue = Italic Export to png, jpeg, svg, or copy png to clipboard Supports

Travis Fischer 36 Oct 15, 2022