React Templates & Themes Logo React Templates & Themes
React Soft Dashboard Django screenshot

React Soft Dashboard Django

Author Avatar Theme by App generator
Updated: 2 May 2025
151 Stars

React Soft Django - Full-Stack Starter crafted on top of Soft Dashboard, React and Django API | App-Generator.dev

Github Live Preview

Categories

Django

Overview:

The React Soft Dashboard combined with a Django API offers an innovative admin template for Material-UI and React. The product provides over 70 frontend elements, enabling customization and flexibility in design. With features like JWT authentication for login/register/logout, the product presents a full-stack solution integrating Django back-end with React front-end.

Features:

  • Innovative Material-UI Design: Crafted by Creative-Tim
  • React, Redux, Redux-persist: Utilize popular libraries for state management
  • Authentication with JWT: Secure login, register, and logout functionalities
  • Full-stack Ready: Integration with Django API Server using Django, DRF, and SQLite3
  • Open-source Product: React Soft Dashboard is an open-source full-stack project
  • UI Testing with React: Includes NodeJS, NPM, and YARN setup for React UI testing

Installation:

  1. Start the Django API using Docker:
docker-compose up
  1. Start the React UI: Navigate to the project directory and run:
npm install
npm start
  1. Configure API Port: Update the API port in the React frontend configuration file src/config/constants.js
  2. Manual Build for Django API:
    • Change directory to django-api
    • Create a virtual environment
    • Install dependencies with PIP
    • Create a new .env file
    • Start the API server using:
    python manage.py runserver
  3. API Setup with POSTMAN: Use the provided POSTMAN collection for quick setup.

Summary:

The React Soft Dashboard with Django API integration offers a comprehensive solution for developers to kickstart their projects with a well-designed admin template. By combining the flexibility of React with the robustness of Django, users can benefit from a full-stack ready product with essential features like authentication and UI testing. The provided installation guide simplifies the setup process, making it easier for developers to start building their applications.