Questx App (Netropolis Hackathon Submission)

Stack

• React - A JavaScript library for building user interfaces.
• Django - Django makes it easier to build better web apps more quickly and with less code.
• Vite - Next Generation Frontend Tooling
• Typescript - JavaScript with syntax for types.

Project structure

$PROJECT_ROOT
│   
├── web # backend file
│   
├── frontend # React files
│   
├── web/templates # Django Templates
│   
├── web/static-dev # Django Static Files

---

Hosted Website

• Website Hosted on this link
• Can have lag upto 1 minute as it is hosted on free tier

For Backend

• Clone Repo

• Create Virtual Environment for Python

python -m virtualenv venv

• Activate Virtual Environment (powershell)

.\venv\Scripts\activate.ps1

NOTE: Set-ExecutionPolicy Unrestricted -Scope CurrentUser

• Install Dependencies

pip install -r requirements.txt

NOTE: To Install Latest Dependencies run command
pip install -r required.txt

• Install Dependencies (For Poetry)

poetry install

• Setup Backend Environment Variables

Download the .env file from this link and Paste the .env file inside web/

• Make Migrations

cd web
python manage.py makemigrations
python manage.py migrate --run-syncdb

• Run Server

python manage.py runserver

For Frontend

• Install Dependencies

cd frontend/
yarn install

• Run Vite

yarn dev

NOTE: To Use Django & React in With hot reload in Django Templates Run:

cd web/
python manage.py runserver

and

cd frontend/
yarn dev