Math Magicians is a Microverce React project.

Overview

Math Magicians

πŸ“— Table of Contents

πŸ’» Math Magicians

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.

πŸ›  Built With

Tech Stack

I used React, Javascript and css to build this project.

Client
  • React
  • CSS
  • JAVASCRIPT

Key Features

Some key feature of this project Features

  • User can calculate simple math equations
  • User can read random math quotes

(back to top)

πŸš€ Live Demo

Project demo

Live Demo

(back to top)

πŸ’» Getting Started

Please follow the instructions to clone the repo To get a local copy, follow these simple example steps. Clone this repository or download the Zip folder:

Prerequisites

In order to check the linters errors and also see the project in your local machine make sure you have installed the nodejs

Setup

Clone this repository to your desired folder: cd [folder] to navigate and run the below comand to clone the project

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

Install

Install this project with:

download npm the packages

npm install

To download the dev dependency you have to type this command:

npm i --save-dev

Usage

To see the project in your local browser first of all, go to project file and navigate the directory on your terminal and type below command:

npm start

After start the dev server a new tab will be open your browser.

To build this project you have to run the below command:

npm run build

To test this project make sure you download all the packages using npm install. After downloading the packages you have to navigate project directory on your terminal then enter the below command start testing:

npm test

(back to top)

πŸ‘₯ Authors

πŸ‘€ Abu Raihan

πŸ‘€ Michael Amponsah

(back to top)

πŸ”­ Future Features

  • We will add api to render the random quotes
  • We will add more features on Homepage

(back to top)

🀝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

(back to top)

⭐️ Show your support

Give a ⭐️ if you like this project!

(back to top)

πŸ™ Acknowledgments

Without Microverse Help this project not compleated at all so thanks a lot Microverse for giving us this kind of opertunity.

(back to top)

πŸ“ License

This project is MIT licensed.

(back to top)

Comments
  • Math Magicians: Testing

    Math Magicians: Testing

    Math Magicians πŸš€

    Hi There, πŸ‘‹ We are 2 members of the group. @raihan2bd and @michaelamponsah πŸ’ͺ . In this PR:

    • [ ] At first, we created a new branch and then added the necessary packages βœ…
    • [ ] Then we added test functionality in our App.test.js file to test all of our routes and pages with snapshotsβœ…
    • [ ] Then we added test functionality in Calculator.test.js to test the Calculator.js component with a snapshot βœ…
    • [ ] Then we added test functionality in calculate.test.js to test calculate and operate js file logics βœ…
    • [ ] Then we added tests functionality in our UI component to test them with snapshots βœ…
    • [ ] Then we edited our readme file to make it professional βœ…
    opened by raihan2bd 2
  • Complete project

    Complete project

    Math Magicians: Complete Project πŸš€

    In This PR:

    • [x] At first, I created a new branch and then install the react-router-dom v6 βœ”οΈ
    • [x] Then I Added UI components to my project. βœ”οΈ
    • [x] Then I added the pages to use routes in my project βœ”οΈ
    • [x] Then I added routing functionality in App.js and index.js βœ”οΈ
    • [x] Last but not least I fixed CSS Linter errors βœ”οΈ

    Thanks for visiting my PR. πŸ‘

    opened by raihan2bd 1
  • Math magicians: React event

    Math magicians: React event

    Math Magicians πŸš€

    Hi

    Hi There πŸ‘‹ In this PR

    • [ ] I created a new branch then and replace the favicon and fix the console error from my project.βœ”οΈ
    • [ ] Then Added the Calculation functionality to my project.βœ”οΈ
    • [ ] Modified some CSS styles to make my project look good.βœ”οΈ
    opened by raihan2bd 1
  • Math Magicians: Refactor with React Hooks

    Math Magicians: Refactor with React Hooks

    Math Magicians πŸš€

    Hi

    Hi There πŸ‘‹ In this PR

    • [ ] I created a new branch.βœ”οΈ
    • [ ] Then Refactor the Calculator class component to the functional component of my project.βœ”οΈ
    • [ ] Replace old state to React modern hooks.βœ”οΈ
    • [ ] Then fix the Linters errors from my project. βœ”οΈ
    opened by raihan2bd 0
  • Math Magicians: Components

    Math Magicians: Components

    Math Magicians πŸš€

    Hi

    Hi There πŸ‘‹ In this PR

    • [x] I created new branch then and deleted unwanted resources from my project.βœ”οΈ
    • [x] Then Added the Calculator component in my project components folder.βœ”οΈ
    • [x] Modified the readme file to make it professional.βœ”οΈ
    opened by raihan2bd 0
  • Setup Math Magicians

    Setup Math Magicians

    Setup Math Magicians πŸš€

    In this PR:

    • [ ] At first, I created a new empty repository and then created a dev branch, and then I created the setup branch. βœ”οΈ
    • [ ] After creating the branches I installed the react by create-react-app. βœ”οΈ
    • [ ] Then I setup Github actions and Linters βœ”οΈ
    • [ ] Last but not least I modified the readme template and fix the Linters errors. βœ”οΈ
    opened by raihan2bd 0
Owner
Abu Raihan
Full-Stack web Developer. Stack: JavaScript, React, Ruby on Rails, Go, Nodejs. Looking for a new opportunity
Abu Raihan
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" 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
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 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 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
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
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
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
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
Bookstore - a project built with React redux, implemented with Ducks files structure and, React Router to interact between the different tabs of the project

Bookstore is a project built with React redux, implemented with Ducks files structure and, React Router to interact between the different tabs of the project. You can manage information of a book interact with an API.

Fernando Herrera 7 Mar 23, 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
A front-end clone project of the Spotify Web Player. The project was created using React.

Spotify Web Player Clone A front-end clone project of the Spotify Web Player. The project was created using React. This is my first big React.js proje

Oğuzhan ULUKAYA 182 Jan 3, 2023
Full React && Redux project builded as a group project where user can reserved rockets and missions from SpaceX API

Full React && Redux project builded as a group project where user can reserved rockets and missions from SpaceX API. This data will be updated and displayed in the profile section of the page

Nicolas Gonzalez 8 Mar 23, 2022
Readme.md generator is a React application that takes basic information about the user's project as an input and generates a README file which the user can upload directly in their project's repository.

An application that takes basic information about the user's project as an input and generates a README.md file which the user can upload directly in their project's repository.

Hansal Shah 5 Jun 23, 2022
A Collabration Web-App using Express, React and Socket.io where Mutiple People can Join a Private room and Chat, Draw Among themselves. This project was selected as one of the best project at Tinkerhub Hacknight

A Collabration Web-App using Express, React and Socket.io where Mutiple People can Join a Private room and Chat, Draw Among themselves. This project was selected as one of the best project at Tinkerhub Hacknight

NzM 13 Dec 15, 2022
Project from NLW Return. On this project, we can choose a type of feedback, take a screenshot of the page

Project from NLW Return. On this project, we can choose a type of feedback, take a screenshot of the page. Used React.js, Typescript, Tailwindcss, Headlessui, Accessibility, Jtest, Node.js, Prisma DB, Mobile version and much more...

Gleydson Rodrigues 2 May 28, 2022