https://github.com/victorokoroji/math-magician
Math-Magician" is a web app for all lovers of mathematics. It is a Single Page Application (SPA) that allows users to make simple calculations and read a random math-related quote.
https://github.com/victorokoroji/math-magician
css react reacttestinglibrary
Last synced: 2 months ago
JSON representation
Math-Magician" is a web app for all lovers of mathematics. It is a Single Page Application (SPA) that allows users to make simple calculations and read a random math-related quote.
- Host: GitHub
- URL: https://github.com/victorokoroji/math-magician
- Owner: victorokoroji
- Created: 2022-03-23T08:43:47.000Z (about 3 years ago)
- Default Branch: development
- Last Pushed: 2024-07-09T11:31:05.000Z (11 months ago)
- Last Synced: 2025-04-10T00:56:47.595Z (2 months ago)
- Topics: css, react, reacttestinglibrary
- Language: JavaScript
- Homepage: https://math-magician-calculator.netlify.app/
- Size: 4.35 MB
- Stars: 5
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Math-Magicians
"Math-Magician" is a web app for all lovers of mathematics. It is a Single Page Application (SPA) that allows users to make simple calculations and read a random math-related quote.
Our goal here is to Build a single page web application for mathematics weebs using the React library
### Features implemented so far are:
- Project Setup with React Installations
## Built With
- React
- Linters
## Live Demo
- [Netlify Live Demo Link](https://math-magician-calculator.netlify.app/)
### Prerequisites
The basic requirements for building the executable are:
- A working browser application (Google chrome, Mozilla Fire fox, Microsoft edge ...)
- Have a good knowledge on how to parse UI designs
- Have VSCode or other text editor installed. [Link to download VSCode](https://code.visualstudio.com/download)
- Install node package. [Link to download node](https://nodejs.org/en/download/)
- Have git installed.[Link to download git](https://git-scm.com/downloads)
- Create a github repository.
## Getting Started
To get a local copy up and running follow these simple example steps.
#### Cloning the project
```
git clone https://github.com/Abenezer-Tilahun/Math-Magicians.git
```
```
cd
```
## Getting packages and dependencies
To get all package modules required to build the project run:
```
npm install
```
every package module required to build the project is listed in the package.json file. this is used as a reference to get all dependencies.
## Building
To build the project run:
```
npm run build
```
after you run this sucessfully you'd locate the build from in the ```build``` folder located from the parent directory of the project.
## Running
To run the program on a browser through a server run this command in your cli
```
npm start
```
This should open the page in your localhost on port 3000. then you'd be able to view the built page generated using webpack.
## Run tests
For tracking linters errors locally, you need to follow these steps:
- For tracking linter errors in CSS file run:
```
npx stylelint "**/*.{css,scss}"
```
- For tracking linter errors in Javascript file run:
```
npx eslint .
```
## 🤝 Contributing
Feel free to check the [issues page](../../issues/).
👤 **Okoroji Victor aka Vickymarz**
- GitHub: [@githubhandle](https://github.com/vickymarz)
- LinkedIn: [LinkedIn](https://www.linkedin.com/in/okoroji-victor-ebube-8791741a0)
## Show your support
Give a ⭐️ if you like this project!
## Acknowledgments
- Microverse
## 📝 License
This project is [MIT](./MIT.md) licensed.