React Datta Able Django

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 Information and Support Links
  • Getting Started with Django - a comprehensive tutorial

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	❌	❌

Django API Features

• Stack: Django / DRF / SQLite
• Up-to-date dependencies
• DB Layer: Django Native ORM, SQLite persistence
• Auth: JWT tokens managed via PyJWT

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-django

$ cd api-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.

React Datta Able PRO

The premium version provides more features, priority on support, and is more often updated - Live Demo.

• Enhanced UI - more pages and components
• JWT Authentication
• Priority on 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.