https://github.com/app-generator/django-react-purity-dashboard
Django React - Purity Dashboard (Open-Source) | AppSeed
https://github.com/app-generator/django-react-purity-dashboard
django-chakra-ui django-fullstack django-react django-react-boilerplate django-react-integration react-django react-django-application react-django-drf react-fullstack
Last synced: 2 months ago
JSON representation
Django React - Purity Dashboard (Open-Source) | AppSeed
- Host: GitHub
- URL: https://github.com/app-generator/django-react-purity-dashboard
- Owner: app-generator
- License: other
- Created: 2021-11-17T13:24:02.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2023-02-13T10:36:53.000Z (over 2 years ago)
- Last Synced: 2025-03-11T05:55:32.764Z (2 months ago)
- Topics: django-chakra-ui, django-fullstack, django-react, django-react-boilerplate, django-react-integration, react-django, react-django-application, react-django-drf, react-fullstack
- Language: Python
- Homepage: https://appseed.us/generator/react/purity-dashboard/
- Size: 2.37 MB
- Stars: 52
- Watchers: 2
- Forks: 20
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE.md
Awesome Lists containing this project
README
# [React & Django](https://appseed.us/product/purity-dashboard/api-server-django/react/) `Purity Dashboard`
Full-Stack Seed project generated by **[React App Generator](https://appseed.us/generator/react/)** top of **[Purity Dashboard](https://www.creative-tim.com/product/purity-ui-dashboard?AFFILIATE=128200)** design from `Creative-Tim`.
The backend logic is provided by a simple, `easy-to-extend` **Django API Server** that manages the Authentication flow (login, registration, logout) using `JSON Web Tokens` (JWT).
- 👉 [React Django Purity - How to Generate](https://www.youtube.com/watch?v=VLWwuzvia9w) - `Video Presentation` (YouTube)
- 🚀 [React Generator for Purity](https://appseed.us/generator/react/purity-dashboard/) - the `free tool` used to build this product
## ✨ `React` Purity Dashboard
- Design crafted by *[Creative-Tim](https://bit.ly/3fKQZaL)*
- Styled with `Chakra UI`
- `Dark-Mode`, `RTL` Support
- `UI Kit`: 70+ components, `8 Sample Pages`, `3 Customized Plugins`
> `Tests` (compatibility matrix)
| NodeJS | NPM | YARN |
| --- | --- | --- |
| `v12.0.0` | ✅ | ✅ |
| `v14.0.0` | ✅ | ✅ |
| `v16.0.0` | ❌ | ❌ |
| `v18.0.0` | ❌ | ❌ |
## ✨ `Django API` Features
- Stack: : `Django` / `DRF` / **SQLite**
- `Up-to-date dependencies`
- **DB Layer**: Django Native `ORM`, `SQLite` persistence
- **Auth**: JWT tokens managed via `PyJWT`
- [API Definition](https://docs.appseed.us/boilerplate-code/api-unified-definition) - the unified API structure implemented by this server
## ✨ How to use it
Being a full-stack product, the backend and the frontend should be compiled and started separately.
Before starting to compile the product, make sure you have the following tools installed in the environment:
- [NodeJS](https://nodejs.org/en/) - version `14.x` or higher
- [GIT](https://git-scm.com/) - used to clone tjhe sources from Github
- [Python3](https://www.python.org/) - used in many tools
### 👉 Start the Frontend
> **Step 1** - Once the project is downloaded, change the directory to `react-ui`.
```bash
$ cd react-ui
```
> **Step 2** - Install dependencies via NPM or yarn
```bash
$ npm i
// OR
$ yarn
```
> **Step 3** - Start in development mode
```bash
$ npm run start
// OR
$ yarn start
```
At this point, the app is available in the browser `localhost:3000` (the default address).
### 👉 Start the Backend Server
> **Step 1** - Change the directory to `api-server-django`
```bash
$ cd api-server-django
```
> **Step 2** - Install dependencies using a `virtual environment`
```bash
$ # Virtualenv modules installation (Unix based systems)
$ virtualenv env
$ source env/bin/activate
$
$ # Virtualenv modules installation (Windows based systems)
$ # virtualenv env
$ # .\env\Scripts\activate
$
$ pip install -r requirements.txt
```
> **Step 3** - Setup the database
```bash
$ python manage.py makemigrations
$ python manage.py migrate
```
> **Step 4** - Start the API server (development mode)
```bash
$ python manage.py runserver 5000
```
Use the API via `POSTMAN` or `Swagger Dashboard` at `localhost:5000`.
### 👉 Start API using `Docker`
> **Step 1** - Change the directory to `api-server-django`
```bash
$ cd api-server-django
```
> **Step 2** - Start API using `docker-compose` command
```bash
$ docker-compose up --build
```
## [React Purity Dashboard PRO](https://appseed.us/product/purity-dashboard-pro/full-stack/)
> For more components, pages and priority on support, feel free to take a look at this amazing starter:
Purity Dashboard is a premium React Design now available for download as a full-stack app. Made of hundred of elements, designed blocks, and fully coded pages, Purity Dashboard PRO is ready to help you create stunning websites and web apps.
- 👉 [React Purity Dashboard PRO](https://appseed.us/product/purity-dashboard-pro/full-stack/) - Product Page
- ✅ `Enhanced UI` - more pages and components
- ✅ `Priority` on support
---
# [React & Django](https://appseed.us/product/purity-dashboard/api-server-django/react/) `Purity Dashboard` - Full-Stack Seed project generated by **[AppSeed](https://appseed.us/generator/)**.