Django React Datta PRO
Premium seed project built in React and Django on top of Datta Able Dashboard (PRO version)
Open-source full-stack seed project coded in React and Django on top of a modern design from CodedThemes. The React / Django codebase is already configured with an SQLite database, API, and JWT token-based authentication flow.
Django React - datta Able PRO.
Product features
The product expects a running API backend that exposes an interface for login/logout and register actions. By default, the guest users are redirected to the login page. Once the user is authenticated using an existing account or the new one, all private pages are accessible. Here are the steps to compile the product.
Dependencies
To use the product, Python3 is required, and GIT command-line tool to clone/download the project from the public repository.
Step #1 - Clone the project
1
$ git clone https://github.com/app-generator/priv-react-datta-able-dashboard-pro.git
2
$ cd priv-react-datta-able-dashboard-pro
Copied!
Step #2 - Install dependencies via NPM or yarn
1
$ npm i
2
// OR
3
$ yarn
Copied!
Step #3 - Start in development mode
1
$ npm run start
2
// OR
3
$ yarn start
Copied!
Step #4 - Configure the backend -src/config.js
1
const config = {
2
...
3
API_SERVER: 'http://localhost:5000/api/' // <-- The magic line
4
};
Copied!
Django API Server
To use the product and see all features in action an API server should be up and running. This can be done in two ways:
Django API Server - Open-source product.
Here we will use the first option and build a real API server coded in Django Framework on top of DRF Library with SQLite persistence.
Step #1 - Clone the API Server from Github
1
$ git clone https://github.com/app-generator/api-server-django.git
2
$ cd api-server-django
Copied!
Step #2 - Install dependencies
1
$ virtualenv -p python3 venv
2
$ source venv/bin/activate
3
$
4
$ pip install -r requirements.txt
Copied!
Step #3 - Start the APi Server
1
$ python manage.py migrate
2
$ python manage.py runserver 5000
Copied!
The API server will start using the default port
5000.With backend and frontend up & running, we can start using the product, register. and authenticate. The React UI will reveal the private pages once the users are authenticated.
Django React Datta PRO - Login Page.
Last modified 10mo ago
Copy link