Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/maccrazyman/math-magicians

Webpage created using React to render some cool stuff about maths and whit a useful calculator integrated
https://github.com/maccrazyman/math-magicians

css css3 javascript react reactjs

Last synced: 1 day ago
JSON representation

Webpage created using React to render some cool stuff about maths and whit a useful calculator integrated

Awesome Lists containing this project

README

        

![](https://img.shields.io/badge/Microverse-blueviolet)

# Math Magician

> This is the first application created using React at Microverse

![screenshot](src/img/screenshot.png)

This app is created using React to display a Single Page Application which contains a brief introduction, a calculator and math quotes.

## Built With

- HTML, CSS, JavaScript
- React

## Live Demo

[G-H pages Demo Link](https://maccrazyman.github.io/math-magicians/)

[Heroku demo](https://thawing-bastion-05829.herokuapp.com/math-magicians/)

[Netlify live demo](https://elegant-volhard-00c021.netlify.app/math-magicians/)

## Getting Started

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

### Prerequisites
* A functional computer with VS Code or any functional coding software.
* Git bash or any version control software.

### Setup
* Copy the repo link and clone it in your local machine
* You can execute the following command in your git bash:
````
git clone https://github.com/MacCrazyman/math-magicians.git
````

### Install
* In your consle, run the following command to install the required dependencies:
````
npm install
````

### Usage
* You can build the files using React scripts to generate a `/build` folder with distribution files:
````
npm run build
````
* Run React server to see the webpage working:
````
npm start
````
* You can also open the [GitHub pages deployment](https://maccrazyman.github.io/math-magicians/) to see a live version of the webpage.

## Authors

👤 **Leonardo Pareja**

- GitHub: [@MacCrazyman](https://github.com/MacCrazyman)
- Twitter: [@MacCrazyman](https://twitter.com/MacCrazyman)
- LinkedIn: [Leonardo Pareja](https://www.linkedin.com/in/leonardo-pareja-pareja/)

## 🤝 Contributing

Contributions, issues, and feature requests are welcome!

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

## Show your support

Give a ⭐️ if you like this project!

## 📝 License

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