Django React Starter

Overview:

The Django & React Codebase is an open-source starter project supported by AppSeed. It combines Django and React to create a powerful web application. The starter code is fully explained on their website and offers features such as a Django Theme Datta, authentication, and a range of pages for ordinary users. The project also provides deployment options with Docker and includes tooling with Webpack. With free support available via email and Discord, this starter code makes it easy to get started with building a Django and React web application.

Features:

• 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 for ordinary users
• Deployment: Docker, CI/CD flow via Render

Installation:

Start with Docker:

Step 1 - Download the code from the GitHub 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 build
docker-compose up

Visit http://localhost:5085 in your browser. The app should be up & running.

Manual Build:

Step 1 - Download the code from the GitHub repository (using GIT)

git clone https://github.com/app-generator/django-react-starter.git
cd django-react-starter

Step 2 - Build React Frontend

cd frontend
npm install
npm run build

Step 3 - Build Django Backend

cd ..
pip install -r requirements.txt
python manage.py migrate
python manage.py collectstatic

Step 4 - Set Up Database

python manage.py createsuperuser

Step 5 - Start the APP

python manage.py runserver

At this point, the app runs at http://127.0.0.1:8000/.

Charts Provisioning:

Open the Django shell and create new records manually:

python manage.py shell

Once in the shell, enter the following commands to create new records:

from charts.models import Chart
Chart.objects.create(title='Chart 1', description='This is Chart 1')
Chart.objects.create(title='Chart 2', description='This is Chart 2')
Chart.objects.create(title='Chart 3', description='This is Chart 3')

The /charts route should now render the information.

Summary:

The Django & React Codebase is an open-source starter project that combines the power of Django and React. It offers features such as a Django Theme Datta, authentication, and a range of pages for ordinary users. With Docker deployment and tooling with Webpack, it provides an easy and efficient way to get started with building a Django and React web application. Free support is available via email and Discord, making this starter code a valuable resource for developers.