Django Tutorial with React | Full Stack Django Project

Описание: Source Code: https://www.oftentrain.com/courses/To...
Linkedin Page:   / oftentrain  
Email: [email protected]
------------------------------------------------
Django Tutorial with React | Full Stack Django Project

What You Will Learn in This Project::
Backend (Django + DRF)

Django project setup using virtual environment

PostgreSQL database configuration

Creating models with user relationships

Django Admin setup & migrations

REST API using ModelViewSet

JWT Authentication using SimpleJWT

User-specific Todo access (authorization logic)

Secure CRUD APIs (Create, Read, Update, Delete)

CORS configuration for frontend integration

Frontend (React + TypeScript)::

React + TypeScript setup using Vite

Tailwind CSS configuration

Folder structure for scalable React apps

React Router with Protected Routes

Redux Toolkit setup (store, slices, hooks)

Authentication flow using Redux Thunk

Axios global configuration with interceptors

JWT token handling & auto logout on 401

Todo CRUD UI with real backend integration

Key Features::

JWT Login & Refresh Token Flow

User-specific Todos (no data leakage)

Protected Routes (Frontend + Backend)

Redux Toolkit with Async Thunks

Axios Interceptors for Auth

Clean project architecture

Interview-ready full-stack project

Tech Stack Used::

Backend

Django

Django REST Framework

PostgreSQL

SimpleJWT

CORS Headers

Frontend

React

TypeScript

Redux Toolkit

React Router DOM

Axios

Tailwind CSS

Vite