Django_reactjs_boilerplate screenshot

Django_reactjs_boilerplate

Author Avatar Theme by Genomics geek
Updated: 20 Nov 2019
25 Stars

Dockerized project using Django REST APIs with ReactJS/Redux

Overview

This project is a Dockerized Django/ReactJS web application. It integrates Facebook’s create react app with Django and uses various other technologies such as Docker, Docker Compose, Redux, and PostgreSQL. The project provides an easy way to set up a web application with these technologies and includes hot reloading for React components.

Features

  • Integration of Facebook’s create react app with Django
  • Dockerized development environment for easy setup
  • Hot reloading to see changes to React components live
  • Django REST APIs for backend functionality
  • Use of Redux for state management
  • Integration of Webpack for module bundling

Installation

To install this project, follow these steps:

  1. Clone the repository to your local machine.
  2. If you want to set up a Dockerized development environment:
    • Create a .env file with the necessary configuration settings.
    • Build the Docker container using Docker Compose.
    • Visit http://localhost:8000 to see the application running locally.
    • Changes to React components will be automatically reflected with hot reloading.
  3. If you want to set up a non-Dockerized development environment:
    • Set up a virtual environment.
    • Install the required dependencies.
    • Create a .env file with the necessary configuration settings.
    • Create the PostgreSQL database.
    • Start the Node server.
    • Start the Django server.
    • Visit http://localhost:8000 to see the application running locally.
    • Changes to React components will be automatically reflected with hot reloading.

Summary

This project is a Dockerized Django/ReactJS web application that integrates various modern technologies for easy development. It provides a convenient way to set up a web application with Docker and includes hot reloading for React components. The project uses Redux for state management and Webpack for module bundling.