React Berry Dashboard `full-stack`

Full-Stack Seed project generated by React App Generator top of Berry Dashboard design. The backend logic is provided by a simple, easy-to-extend API Server that manages the Authentication flow (login, registration, logout) using JSON Web Tokens (JWT).

👉 React Berry Dashboard - LIVE Demo (from a similar product)
🚀 Built with React App Generator, timestamp 2022-12-09 04:28

✨ `React` Berry Dashboard

M-UI based design
Modern aesthetics UI design - Designed by CodedThemes
React, Redux, Redux-persist

Tests (compatibility matrix)

NodeJS	NPM	YARN
`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.

PRO Version

For more components, pages and priority on support, feel free to take a look at this amazing starter:

Berry 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, Berry Dashboard PRO is ready to help you create stunning websites and web apps.

👉 React Berry Dashboard PRO - Product Page
- ✅ Enhanced UI - more pages and components
- ✅ Priority on support

React Berry Dashboard - Full-Stack Seed project generated by App Generator.

appseed-projects3/eca86ca1-13c6-4743-b088-e36bb31994fe

React Berry Dashboard full-stack