"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
- Project Setup with React Installations
- React
- Linters
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
- Install node package. Link to download node
- Have git installed.Link to download git
- Create a github repository.
To get a local copy up and running follow these simple example steps.
git clone https://github.com/Abenezer-Tilahun/Math-Magicians.git <Your-Build-Directory>
cd <Your-Build-Directory>
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.
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.
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.
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 .
Feel free to check the issues page.
๐ค Okoroji Victor aka Vickymarz
-
GitHub: @githubhandle
-
LinkedIn: LinkedIn
Give a โญ๏ธ if you like this project!
- Microverse
This project is MIT licensed.