Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/kingsleyibe/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 and read a random math-related quote. The application was built using Javascript, React, HTML, CSS, Webpack, Jest-testing.
https://github.com/kingsleyibe/math-magicians
css github-config html javascript jest linters magic mathematics webpack
Last synced: 21 days 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 and read a random math-related quote. The application was built using Javascript, React, HTML, CSS, Webpack, Jest-testing.
- Host: GitHub
- URL: https://github.com/kingsleyibe/math-magicians
- Owner: KingsleyIbe
- Created: 2022-01-03T09:16:55.000Z (about 3 years ago)
- Default Branch: dev
- Last Pushed: 2022-01-24T10:19:39.000Z (about 3 years ago)
- Last Synced: 2024-10-18T09:14:38.201Z (4 months ago)
- Topics: css, github-config, html, javascript, jest, linters, magic, mathematics, webpack
- Language: JavaScript
- Homepage:
- Size: 2.44 MB
- Stars: 5
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Math Magician (Basic Calculator)
> 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.
The application was built using Javascript, Sass.
## Project Screenshot
## Other Important Information
## Built With
- Basic Language - JavaScript
- Framework - React
- Other technologies/tools:
``` create-react-app
> create-react-app
> webpack for bundling files
> Babel for code transpiling
> Git for version control
> Eslint for JavaScript linting
> Stylelint for style linting
> Jest for testing
```
## Live Demo
- [Github-Pages Live Demo Link](https://kingsleyibe.github.io/math-magicians/)
- [Netflify Live Link](https://math-magicians-2022.netlify.app/)
- [Heroku Live Demo Link](https://math-magicians-2022.herokuapp.com/)
## Getting Started
To get a local copy up and running follow these simple example steps.
### Prerequisites
- You should have basic knowledge of HTML
- You should have basic knowledge of CSS
- You should have basic knowledge of webpack
- Also, a basic knowledge of git and github
- A code editor: I used VScode for this project but you can use any code editor of your choice
### Setup
- follow steps on this link to set up VScode code editor: [setup vscode](https://www.freecodecamp.org/news/how-to-set-up-vs-code-for-web-development/)
### Install
- [download](https://code.visualstudio.com/download) VScode.
[Watch this video](https://www.youtube.com/watch?v=MlIzFUI1QGA) on how to install VScode on windows.
- [Git]()
- [Node]()
### Usage
Clone project, run in your terminal:
```$ git clone https://github.com/KingsleyIbe/math-magicians.git ```
Open the cloned project in your code editor and run:
``` $ cd math-magicians ```
Install npm packages, run:
``` $ npm i or npm install ```
Then run the server:
``` $ npm start ```
## Author
### 👨🏾⚕️ Kingsley Ibe
- [Github](https://github.com/kingsleyibe)
- [Twitter](https://twitter.com/ibekingsley2)
- [LinkedIn](https://www.linkedin.com/in/kingsley-ibe-5669a5134)
## 🤝 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!
## Acknowledgment
- Microverse
## 📝 License
This project is [MIT](./MIT.md) licensed.