Overview of the Project's Directory Structure

The project directory structure is looked like this:

As you can see, the project is divided into two main folders: /frontend which contains the Express server and the React app, and /backend which contains the Django server.

1. Frontend

The /frontend folder contains the Express server and the React app. The React app is located in the /frontend/client folder.

• /frontend - folder contains package.json and package-lock.json files, which are used to install all the dependencies for the Express server.

• /frontend/client - folder contains package.json and package-lock.json files, which are used to install all the dependencies for the React app.

Frontend Folder Structure

2. Backend

The /backend folder contains the Django server.

• A requirements.txt file located at the root of the project (/(uni username)) contains all the dependencies for the Django server.

Backend Folder Structure (Django)

There are total of 6 apps - 3 apps in /apps folder and 3 apps in /api folder.

• /apps - app (Django module) handles the data models and the database migrations.
• /api - app (Django module) handles the API endpoints.