Skip to content

Latest commit

 

History

History
171 lines (110 loc) · 4.56 KB

README.md

File metadata and controls

171 lines (110 loc) · 4.56 KB

React & Django Purity Dashboard

Full-Stack Seed project generated by React App Generator top of Purity Dashboard 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 Purity Dashboard - Full-Stack Starter generated by AppSeed.


React Purity Dashboard

  • Design crafted by Creative-Tim
  • 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 - 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 - version 14.x or higher
  • GIT - used to clone tjhe sources from Github
  • Python3 - used in many tools

👉 Start the Frontend

Step 1 - Once the project is downloaded, change the directory to react-ui.

$ cd react-ui

Step 2 - Install dependencies via NPM or yarn

$ npm i
// OR
$ yarn

Step 3 - Start in development mode

$ 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

$ cd api-server-django

Step 2 - Install dependencies using a virtual environment

$ # 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

$ python manage.py makemigrations
$ python manage.py migrate

Step 4 - Start the API server (development mode)

$ 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

$ cd api-server-django

Step 2 - Start API using docker-compose command

$ docker-compose up --build

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 PRO (Chakra UI Design) - Full-Stack Starter generated by AppSeed.



React & Django Purity Dashboard - Full-Stack Seed project generated by AppSeed.