lirc572 / Django-React-Project

Django React Project

Development

Backend

Create a conda environment for the project:

# Under backend/ directory
conda env create -f environment.yml

Save the environment (after adding new packages):

# Under backend/ directory
conda env export > environment.yml
# Then remove "prefix" from the environment.yml file

Start development server:

# Under backend/ directory
conda activate django-react-project
python manage.py runserver

Frontend

Install dependencies:

# Under frontend/ directory
yarn install

Start development server:

# Under frontend/ directory
yarn dev

Deployment

Build Docker image:

docker build . -t lirc572/django-react-project:latest
docker push lirc572/django-react-project:latest

Run docker container:

docker run --rm -p 8000:80 lirc572/django-react-project:latest

Notes

Initialization of conda environment and packages:

cd backend
conda create --name django-react-project python=3.8
conda activate smm
conda install -c conda-forge django
conda install -c conda-forge djangorestframework
conda install -c conda-forge gunicorn
conda install autopep8
conda install pylint
conda env export > environment.yml

References

1. Pylint options
2. Anaconda Docker guide
3. React TypeScript Cheatsheets