/React-Django-Template-App

An initial template for the React app integrated with Django.

Primary LanguagePython

Template for Web App with React and Django

An initial template for the React app integrated with Django.

I created this initial app because integrating React app with Django takes up a lot of time and using this template can save a lot of hours.

Installation Instructions

  • After cloning the repository, cd into it and run following commands:
# Create a virtual environment for the backend
virtualenv env

# Activate the virtual environment
source env/bin/activate

# Install the packages
pip install -r requirements.txt

# Make build.sh executable 
chmod +x build.sh

# Run build script manually from either project's root or 'frontend' directory
./build.sh

# Install nodemon gloablly to auto-reload the server when making changes in the files
npm install -g nodemon

# cd into the frontend directory
cd frontend

# Install packages for the React app
npm install

# Use npm-watch to track the changes being made in the React app
npm run watch
  • Now, open up a new terminal, go inside the repo and run following commands:
source env/bin/activate
cd backend

# To run Django dev server and watch file changes in the app
nodemon --exec python manage.py runserver

Reference: Hybrid app model, to integrate React app with Django