Python Math Game Using React

This project was created to handle the front-end from the Django-based Python Math Game Website. The original project used Django for the front and back-end. Here is a link to the original Django project repo if you want check it out.

The newest version of this webpage uses React for the frontend and Django for the backend. It can be found here. The server may take some time to spin up, please be patient and/or refresh the page if its not working.

Installation

First install node. Once node is installed, install the following packages:

npm install axios 0.21.1
npm install bootstrap 4.5.3
npm install react-bootstrap 1.4.0
npm install react-dom 17.0.1
npm install react-router-dom 5.2.0
npm install react-scripts 4.0.1
npm install react 17.0.1
npm install recharts 1.8.5
npm install lodash 4.17.20
npm install moment 2.29.1
npm install recharts 1.8.5
npm install validate.js 0.13.1

Here's an example of what the game page should look like once you're logged in.

Below is a short demonstration of the webpage.

Some improvements that I may implement at a later date:
1.) Difficulty Selection - Increasee or decrease the random integers that are used in the math problems.
2.) Operator Selection - Allow users to select what type of math problems they want to see.
3.) Problem Batch Mode - Give the users pre-made batches of problems instead of one at a time.
4.) Improved Stats Analysis - Give the teacher a better overview of the students performance using graphs/charts.

Creators

Matthew Hiebing: Matthew-Hiebing
Guillermo Vargas: gavargas22

Questions?

Send me a message on GitHub (Matthew-Hiebing) or E-mail me at: [email protected]