Problem: Gamers spend an unhealthy amount of time playing games, which introduces health risks and a loss of time that some people want to spend on productive/other tasks Goal: Help gamers cut down their addiction or dependencies on video games and to allow them to engage in more productive tasks. Our project: Web application Gamers can connect their Steam accounts and moderate their activity
This project benefits gamers by
- better time management skills
- healthier sleep schedules
- creating social communities
- Michelle Chu
- Gabrielle O'Brien
- James Ooi
- Yuteng Wu
Demo: https://youtu.be/3zdM_QOe3G0
- Clone this repo
git clone https://github.com/CS-UCR/senior-design-project-kusa.git
If you prefer to use Docker to run both the server and the client:
- Ensure docker is installed on your device from here and is using Linux containers
- cd into the project directory
cd senior-design-project-kusa/
- Build the docker containers
docker-compose build
- Put your docker containers up
docker-compose up -d
- Navigate to the appropriate local ports,
localhost:8000
for the server andlocalhost:3000
for the client
- cd into the project directory
cd senior-design-project-kusa/
- create a virtual environment
python -m venv env
3a. For Linux, activate the virtual environment
source env/bin/activate
3b. For Linux, activate the virtual environment
admin\env\Scripts\activate.bat
- cd into the server folder
cd server/
- install all the dependencies
pip3 install -r requirements.txt
- run the server
python manage.py runserver
- Open http://localhost:8000 to view it in the browser.
- cd into the React folder on a separate terminal
cd client/
- install required dependencies. Your terminal should tell you which dependencies you're missing. Simply install the missing ones.
npm install
- activate the react server
npm start
- Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.
The page will reload if you make edits.
You will also see any lint errors in the console.
Install Node Package Manager (npm). Helpful Documentation
- react-tsparticles
- react-router-dom
- animate.css
- mui
- react-transition-group
- environ
- requests
- djongo
- sqlparse