Skip to content

Starter kit for django+reactJS development with live reloading of react and css

Notifications You must be signed in to change notification settings

ru13r/django-react-semantic

Repository files navigation

django-react-semantic

My web development starter kit.

This kit is not intended to be used in production environments.

  • Back-end: Django (with REST Framework)
  • Front-end: ReactJS
  • Styles: Semantic UI

Installation

  1. Create a project directory and cd into it.
  2. Clone the repository (note the dot as the last argument - clones the repository into the current directory without the project folder).
git clone https://github.com/ru13r/django-react-semantic.git .
  1. Create and activate virtual environment (Windows PowerShell commands, please visit virtualenv documentation for other operating systems)
mkvirtualenv venv-myproject
cd ~/Envs/venv-myproject
.\Scripts\activate
  1. Cd back to project directory
cd C:\Path-to-project-directory
  1. Install python packages
pip install -r requirements.txt
  1. Make migrations, populate database with sample data, create super user.
python manage.py makemigrations
python manage.py migrate
python manage.py populate_db
python manage.py createsuperuser
  1. Init NPM and install NPM packages
npm install --save-dev

Running

  1. Start webpack development server
node server.js
  1. Start django server (in a different console)
python manage.py runserver 

Use the following links:

A login will be required to view protected content. You will also be asked to verify your email - look in the console for the verification link.