Open-source Django Starter bundled with React, React-Flow - Actively supported by AppSeed.
- ๐ Django & React -
LIVE deployment
- ๐ Free Support via
Email
&Discord
Feature:
- ๐
Stack
: Django & React - โ
Tooling:
Webpack
- โ
Design
: Django Theme Datta -Free Version
- โ
Sections
covered by the design:- โ Admin section (reserved for superusers)
- โ
Authentication:
Django.contrib.AUTH
, Registration - โ All Pages available in for ordinary users
- ๐
Deployment
: Docker,CI/CD
flow viaRender
๐ Step 1 - Download the code from the GH repository (using
GIT
)
$ git clone https://github.com/app-generator/django-react-starter.git
$ cd django-react-starter
๐ Step 2 - Start the APP in
Docker
$ docker-compose up --build
Visit http://localhost:5085
in your browser. The app should be up & running.
Download the code
$ git clone https://github.com/app-generator/django-react-starter.git
$ cd django-react-starter
Install modules via
VENV
$ virtualenv env
$ source env/bin/activate
$ pip3 install -r requirements.txt
Set Up Database
$ python manage.py makemigrations
$ python manage.py migrate
Start the APP
$ python manage.py createsuperuser # create the admin
$ python manage.py runserver # start the project
At this point, the app runs at http://127.0.0.1:8000/
.
Install modules via
VENV
(windows)
$ virtualenv env
$ .\env\Scripts\activate
$ pip3 install -r requirements.txt
Set Up Database
$ python manage.py makemigrations
$ python manage.py migrate
Start the APP
$ python manage.py createsuperuser # create the admin
$ python manage.py runserver # start the project
At this point, the app runs at http://127.0.0.1:8000/
.
- We have created a model
UserProfile
and make one to one relationship betweenUser
andUserProfile
. That means a user has only one profile. - Signals used for:
- We are using signals for creating a new profile automatically.
- Here we have used
post_save
signals. That means when a new User is created a new Profile will create automatically.
- In
apps.py
file we have add this line of code. Here we have registered the signals with the app by importing thesignals
insideready
method. It is important to include cause we have usedreceiver
insignals.py
file.def ready(self): import apps.home.signals
The project is coded using a simple and intuitive structure presented below:
< PROJECT ROOT >
|
|-- core/
| |-- settings.py # Project Configuration
| |-- urls.py # Project Routing
|
|-- apps/
| |-- home/ # Handle the default route
|
|-- frontend/ # React Code
|
|-- requirements.txt # Project Dependencies
|-- manage.py # Start the app - Django default start script
|
|-- ************************************************************************
Django & React Codebase - Open-Source
starter crafted by AppSeed.