Mathemagician: A single page web application for mathematics using React

by React

Mathemagician | M3Wx

“Mathemagician” is a web app 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.

Our goal here is to Build a single page web application for mathematics weebs using the React library

Live Demo

Click here to view live demo

Features implemented so far are:

  • Project Setup with React Installations

Built With

  • React (A free and open-source front-end JavaScript library for building user interfaces based on UI components)
  • Stylelint (A mighty, modern linter that helps you avoid errors and enforce conventions in your styles).
  • ESlint (A mighty, modern linter that helps you avoid errors and enforce conventions in JavaScript codes)

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

Prerequisites

The basic requirements for building the executable are:

  • A working browser application (Google chrome, Mozilla Fire fox, Microsoft edge …)
  • VSCode or any other equivalent code editor
  • Node Package Manager (For installing packages like Lighthous, webhint & stylelint used for checking for debugging bad codes before deployment)

Getting Started

Cloning the project

git clone  https://github.com/harlexkhal/Mathemagician <Your-Build-Directory>

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.

License

All source code files are licensed under the permissive zlib license
(http://opensource.org/licenses/Zlib) unless marked differently in a particular folder/file.

Author

GitHub

View Github