React Datta Able frontend enhanced with JWT authentication, powered by a simple Django API Backend. 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 Datta Able Django -
Product Page - 👉 React Datta Able Django -
LIVE Demo - 👉 React Datta Able Django Documentation -
Complete Informationand Support Links- Getting Started with Django - a
comprehensive tutorial
- Getting Started with Django - a
React Datta Able Frotend
- 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 | ❌ | ❌ |
- Stack:
Django/DRF/ SQLite Up-to-date dependencies- DB Layer: Django Native
ORM,SQLitepersistence - Auth: JWT tokens managed via
PyJWT
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.xor higher - GIT - used to clone tjhe sources from Github
- Python3 - used in many tools
Step 1 - Once the project is downloaded, change the directory to
react-ui.
$ cd react-uiStep 2 - Install dependencies via NPM or yarn
$ npm i // OR $ yarnStep 3 - Start in development mode
$ npm run start // OR $ yarn startAt this point, the app is available in the browser localhost:3000 (the default address).
Step 1 - Change the directory to
api-django
$ cd api-djangoStep 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.txtStep 3 - Setup the database
$ python manage.py makemigrations $ python manage.py migrateStep 4 - Start the API server (development mode)
$ python manage.py runserver 5000Use the API via POSTMAN or Swagger Dashboard at localhost:5000.
The premium version provides more features, priority on support, and is more often updated - Live Demo.
Enhanced UI- more pages and components- JWT Authentication
Priorityon support
👉 HOSTINGER - High-quality Service we recommend
One of the world's fastest-growing hosting providers, Hostinger serves a global community of over 4 million website owners across 150+ countries. Here are the core services:
- ✅ HOSTING - $2.99/mo - 3months FREE
- ✅ Website Builder - Build Websites in no-time
- ✅ eCommerce Builder - Your online store, created quickly with AI
- ✅ StartUp Cloud Hosting - $7.99/mo - 3months FREE
React Datta Able Django - Full-Stack Seed project generated by App Generator.

