An open API service indexing awesome lists of open source software.

https://github.com/rysth/react-math-magicians

REACT 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. Build with React.
https://github.com/rysth/react-math-magicians

Last synced: 12 months ago
JSON representation

REACT 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. Build with React.

Awesome Lists containing this project

README

          


logo


John Palacios - RysthCraft


# 📗 Table of Contents

- [📖 About the Project](#about-project)
- [🛠 Built With](#built-with)
- [Tech Stack](#tech-stack)
- [Key Features](#key-features)
- [Future Features](#future-features)
- [Live Demo](#live-demo)
- [💻 Getting Started](#getting-started)
- [Setup](#setup)
- [Test](#test)
- [👥 Authors](#authors)
- [🤝 Contributing](#contributing)
- [⭐️ Show your support](#support)
- [🙏 Acknowledgements](#acknowledgements)
- [📝 License](#license)

# 📖 REACT Math Magicians

- **REACT 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. Build with React.

## 🛠 Built With

### Tech Stack

- [HTML](https://www.w3schools.com/html/)
- [CSS](https://www.w3schools.com/css/)
- [JavaScript](https://www.w3schools.com/js/)
- [React](https://react.dev/)

### Key Features

- Make simple calculations.
- Read a random math-related quote.

### Future Features

- **Implement a Database**

### Live Demo

- [Live Demo](https://react-math-magician-85xw.onrender.com/)

(back to top)

## 💻 Getting Started

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

### Setup

Clone this repository to your desired folder:

```
git clone https://github.com/Rysth/REACT-Math-Magicians.git
cd REACT-Math-Magicians
code . (To open VS Code Editor)
```

Then, you will change everything you want!

### Commands

- ✔️ _npm start_:
Runs the app in the development mode. Open http://localhost:3000 to view it in the browser.

- ✔️ _npm test_:
Launches the test runner in the interactive watch mode. See the section about running tests for more information.

- ✔️ _npm run build_:
Builds the app for production to the build folder. It correctly bundles React in production mode and optimizes the build for the best performance.

### Test

In order to follow the Linters you could check them using this:

```
CSS Checker:
npx stylelint "**/*.{css,scss}"

ESLint Checker:
npx eslint "**/*.{js,jsx}"
```

#### Note

Use at the end '--fix' to help you out with any error.

## 👥 Authors

👤 **John Palacios**

- GitHub: [@rysth](https://github.com/Rysth)

(back to top)

## 🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](../../issues/).

(back to top)

## ⭐️ Show your support

If you like this project feel free to watch it and take some features that will enhance your project
as well.

(back to top)

## 🙏 Acknowledgments

I would like to thank the Microverse Team for reviewing my code and making me a better
professional.

Also, I'm grateful to [Cindy Shin in Behance](https://www.behance.net/adagio07) to share with us her design.
Thank you so much!

(back to top)

## 📝 License

This project is [MIT](./LICENSE.md) licensed.

(back to top)