Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ridwanullahi-code/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, read a random math-related quote.Built this application with react
https://github.com/ridwanullahi-code/math-magicians
css3 javascript jest-tests react react-hooks react-router
Last synced: about 1 month ago
JSON representation
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.Built this application with react
- Host: GitHub
- URL: https://github.com/ridwanullahi-code/math-magicians
- Owner: Ridwanullahi-code
- Created: 2022-10-31T17:16:33.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2022-11-28T21:33:36.000Z (about 2 years ago)
- Last Synced: 2023-03-05T04:58:21.795Z (almost 2 years ago)
- Topics: css3, javascript, jest-tests, react, react-hooks, react-router
- Language: JavaScript
- Homepage:
- Size: 1.54 MB
- Stars: 1
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## **Project Demo**
[Live Demo](https://react-math-magicians-app.netlify.app/)
## **Description**
**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.Built this application with react
## **Project Goals:**
- Use JavaScript Best pratice
- Understand the using of [HTML & CSS best practices](https://github.com/microverseinc/curriculum-html-css/blob/main/articles/html_css_best_practices.md)
- Use GitHub flow
- Use [Gitflow](https://github.com/microverseinc/curriculum-transversal-skills/blob/main/git-github/gitflow.md).
- Setup project with [React](https://github.com/microverseinc/curriculum-react-redux/blob/main/math-magicians/lessons/what_is_react.md)
- Understand how to use medium-fidelity [wireframes](https://github.com/microverseinc/curriculum-react-redux/blob/main/math-magicians/sneak_peek.md) to create a UI
## **Prerequisites:**
- Basic Knowledge of HTML & CSS
- Basic Knowledge of [JavaScript](https://developer.mozilla.org/en-US/docs/Web/JavaScript) & [ES6](https://github.com/microverseinc/curriculum-javascript/blob/main/todo-list/lessons/lesson_es6-what_is_it_about.md) syntax
- Basic Knowledge of [React Setup](https://reactjs.org/docs/getting-started.html) setup
- [Jest](https://jestjs.io/docs/getting-started) and [React Testing Library ](https://testing-library.com/docs/react-testing-library/example-intro)
## **Build With:**
- HTML
- CSS
- [JavaScript](https://developer.mozilla.org/en-US/docs/Web/JavaScript)
- [React]((https://github.com/microverseinc/curriculum-javascript/blob/main/todo-list/lessons/webpack_v1_1.md))
## **SETUP**
To make use of this project, kindly run any of the following commands.
```
git clone https://github.com/Ridwanullahi-code/math-magicians.git
```
or
```
git clone [email protected]:Ridwanullahi-code/math-magicians.git
```
## **INSTALL**
```
npm install
```
```
npm install --save-dev @testing-library/dom
```
## **Run On Server**
To run the project on server, run below command
```
npm start
```
## **Run Test**
To test run the project
```
npm run test
```
## **Show your support**
Give a ⭐️ if you like this project!
## **Authors**
- Github: [Ridwan](https://github.com/Ridwanullahi-code)
- LinkedIn: [Ridwan](https://www.linkedin.com/in/ajayi-ridwan-2a1515199/)
## 🚀 **About Me**
I'm full stack software developer, Computer science, and Microverse student.
**Stack:** Python, JavaScript, Bootstrap, Ruby, Rails, React, Redux. Available for hire!
## 🤝 **Contributing**
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](https://github.com/Ridwanullahi-code/math-magicians/issues/)
## **Acknowledgements**
- [Microverse](https://www.microverse.org/)
## **License**
This project is [MIT](https://choosealicense.com/licenses/mit/LICENSE) licensed.