Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/elijahdre/math-magic
Microverse Module 03 Project: "Math Magicians" is a website for all fans of mathematics. It is a Single Page App (SPA) that allows users to make a simple calculations and read a random math-related quote. Built with React, Css and JavaScript.
https://github.com/elijahdre/math-magic
babel calculator css html html-css-javascript javascript microverse microverse-projects microverse-students react webpack5
Last synced: 17 days ago
JSON representation
Microverse Module 03 Project: "Math Magicians" is a website for all fans of mathematics. It is a Single Page App (SPA) that allows users to make a simple calculations and read a random math-related quote. Built with React, Css and JavaScript.
- Host: GitHub
- URL: https://github.com/elijahdre/math-magic
- Owner: Elijahdre
- Created: 2022-09-06T16:49:42.000Z (about 2 years ago)
- Default Branch: dev
- Last Pushed: 2023-01-15T08:03:59.000Z (almost 2 years ago)
- Last Synced: 2024-05-28T22:10:43.085Z (5 months ago)
- Topics: babel, calculator, css, html, html-css-javascript, javascript, microverse, microverse-projects, microverse-students, react, webpack5
- Language: JavaScript
- Homepage:
- Size: 730 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Math Magicians
> "Math Magicians" is a website for all fans of mathematics. It is a Single Page App (SPA) that allows users to:
> - Make a simple calculations.
> - Read a random math-related quote.
## Built With
- [x] Languages: HTML, CSS and JavaScript
- [x] Linters: Stylelint and ESLint
- [x] Front-end library: React
- [x] Code Editor: VS Code
## Website Mockup 📱 💻 🖥️
## Live Demo 🔗
Check the live demo [netlify]()👈
## Getting Started
To get a local copy up and running follow these simple steps.
### Prerequisites
- [x] A web browser like Google Chrome.
- [x] A code editor like Visual Studio Code with Git and Node.js.
You can check if Git is installed by running the following command in the terminal.
```
$ git --version
```
Likewise for Node.js and npm for package installation.
```
$ node --version && npm --version
```
### Setup
Clone the repository using the GitHub link provided below.
### Install
In the terminal, go to your file directory and run this command.
```
$ git clone [email protected]:Elijahdre/math-magic.git
```
### Usage
Kindly modify the files as needed.
In the project directory, you can run:
```
$ npm start
```
Runs the app in the development mode.\
Open [http://localhost:3000](http://localhost:3000) to view it in your browser.
The page will reload when you make changes.\
You may also see any lint errors in the console.
### Run tests
To check for linters, use the files provided by [Microverse](https://github.com/microverseinc/linters-config). A GitHub action is also set to run during pull request.
```
$ npm install
```
### Deployment
This app is deployed in the GitHub Pages for easy viewing upon merged on the main branch.
Please find the link in the Live Demo section.
## Author
👤 **Elijah Odjegba** 
- GitHub: [](https://github.com/Elijahdre)
- Twitter: [](https://twitter.com/kingglijah)
- LinkedIn: [](https://www.linkedin.com/in/elijah-odjegba-862708179/)
## 🤝 Contributing
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](https://github.com/Elijahdre/math-magic/issues).
## Show your support
Give a ⭐️ if you like this project!
## Acknowledgments
- [Microverse](https://www.microverse.org/)
- Code Reviewers
- Coding Partner
## 📝 License
This project is [MIT](./MIT.md) licensed.