Skip to content

Latest commit

 

History

History
70 lines (56 loc) · 1.53 KB

README.MD

File metadata and controls

70 lines (56 loc) · 1.53 KB
Raw

Django React Boilerplate

The Django-React Boilerplate is a starting point for building web applications that combine the Django backend framework with a React frontend where React app is being served by Django

This project was generated using vite

Requirements

  • Python 3.7+
  • Node.js (version 12 or higher)
  • npm (Node Package Manager) or Yarn

Installation

Backend

  • Clone the repository and navigate to the project directory

    git clone https://github.com/madhvi-n/django-react-boilerplate.git
cd django-react-boilerplate

  • Create an environment and activate it

    virtualenv venv --python=python3
source venv/bin/activate

  • Install Python dependencies

    pip install -r requirements.txt

  • Run database migrations and start the development server

    python manage.py migrate
python manage.py runserver

Frontend

  • Navigate to the static/frontend directory:

    cd static/frontend/todo-app

  • Install frontend dependencies

    npm install

    or

    yarn install

  • Build the react app

    npm run build

    or

    yarn build

  • Open your browser and visit http://localhost:8000 to see the application.

Project Structure

  • The Django backend code is located in the root directory.
  • The React frontend code is located in the static/frontend directory.

Configuration

  • Django settings can be found in the settings.py file.
  • React configuration can be found in the static/frontend/todo-app/package.json file.