Habit Tracker App

A web app used to track your new habits, compete with others and motivate you to stay on them

Technologies Used:

• Python & Django
• React.js
• Material UI
• HTML & CSS
• Git (Version Control)

Requirements

• Python 3.x
• Node.js
• npm (included with Node.js)

Setup

1. Clone or download the repository
2. Navigate to the directory where the files are stored
3. Create a virtual environment by running the following command: python -m venv env
4. Activate the virtual environment by running the following command: source env/bin/activate
5. Install the required Python packages by running the following command: pip install -r requirements.txt
6. Navigate to the frontend directory by running the following command: cd frontend
7. Install the required npm packages by running the following command: npm install

How to Run

1. Make sure you are in the root directory of the project and that the virtual environment is activated
2. Start the Django backend server by running the following command: python manage.py runserver
3. In a new terminal window, navigate to the frontend directory and start the React development server by running the following command: npm start
4. The app will be available at http://localhost:3000

Building for Production

1. In the frontend directory, run the following command to build the production version of the React app: npm run build
2. The built files will be available in the frontend/build directory

Credits

Backend: Django Frontend: React Code: Mehmet Demir, Lonyin Chan, Sahir Ali, and 4 more