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:
- Start the Django API using Docker:
docker-compose up
- Start the React UI: Navigate to the project directory and run:
npm install
npm start
- Configure API Port:
Update the API port in the React frontend configuration file
src/config/constants.js
- 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
- Change directory to
- 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.