More Premium Hugo Themes Premium React Themes

Django React Redux Boilerplate

This is a setup of Authentication and Registration Integrated with React.js, Using Material UI Minimal Kit.

Django React Redux Boilerplate

This is a setup of Authentication and Registration Integrated with React.js, Using Material UI Minimal Kit.

Author Avatar Theme by faisalnazik
Github Stars Github Stars: 126
Last Commit Last Commit: May 7, 2024 -
First Commit Created: Dec 18, 2023 -
Django React Redux Boilerplate screenshot

Overview

This product analysis is for a Django-React boilerplate project with updated dependencies. It provides a minimal template with necessary frontend and backend components, along with features like Redux store configuration, forms validation with Formik, JWT authentication, server error handling, and more.

Features

  • Frontend ⭐Minimal Template with necessary components: Provides a minimal template for the frontend with all the necessary components.
  • Configured Redux Store: Includes a pre-configured Redux store for managing state in the frontend.
  • Auto formatted with Prettier: The codebase is automatically formatted using Prettier for consistent and readable code.
  • React with functional components and hooks: Utilizes React with functional components and hooks, providing a modern and efficient approach to building UI components.
  • Forms Validation with Formik: Includes support for forms validation using the popular Formik library.
  • Login with JWT auth: Provides an example for understanding JWT authentication.
  • Server Errors Handling: Implements handling of server errors in the frontend.
  • Backend 🛠Django REST framework for a powerful API: Utilizes Django REST framework for building a powerful API in the backend.
  • Django ORM for interacting with the database: Uses Django ORM for interacting with the database.
  • Authentication With JWT (Register, Sign In): Implements JWT-based authentication with features like user registration and login.
  • Throttle setup: Includes throttle setup for managing API request rate limiting.
  • Testing with Pytest: Supports testing with Pytest for ensuring code quality and reliability.
  • Extra password hashers like Argon2PasswordHasher: Utilizes extra password hashers recommended by the official Django documentation.

Installation

To install the theme, follow the steps below:

Backend Installation

  1. Create and activate a virtual environment.
  2. Install the required dependencies by running the following command:
    $ pip install -r requirements/local.txt
    
  3. If desired, update the database configuration in the settings file.
  4. Apply pending database migrations by running the following commands:
    $ python manage.py makemigrations
    $ python manage.py migrate
    
  5. To run tests, execute the following command:
    $ pytest
    
  6. The API documentation will be available at http://localhost:8000/api/v1/schema/redoc.
  7. The admin interface can be accessed at http://localhost:8000/admin/.

Frontend

The frontend is available on GitHub Pages. Simply visit the provided GitHub Pages URL to access the frontend.

Summary

The Django-React boilerplate project provides a minimal template with necessary frontend and backend components. It includes features like Redux store configuration, forms validation with Formik, JWT authentication, server error handling, and more. The installation process involves setting up the backend by installing dependencies, migrating the database, and running tests. The frontend is hosted on GitHub Pages for easy access. Overall, this project offers a convenient starting point for building Django-React applications.