Full Stack – React Django DRF Channels Project – djChat

Course Curriculum

Chapter 1: Introduction

Lecture 1: Introduction

Lecture 2: Build Technical Preview

Chapter 2: Setup Guides

Lecture 1: [Windows] Installing Python

Lecture 2: [Windows] Visual Studio Code Induction

Lecture 3: [Windows] Creating Virtual Environments

Lecture 4: [macOS] Visual Studio Code Induction

Lecture 5: [macOS] Installing Python

Lecture 6: [macOS] Creating Virtual Environments

Chapter 3: Django DRF Project Initiation

Lecture 1: Source Control: Initiating Project Source Control

Lecture 2: Build: Create a New Django DRF Project

Lecture 3: Build: Configuring Environment Variables for your Project

Lecture 4: Linting and Formatting: Configuring Visual Studio Code for Black Formatting

Lecture 5: Linting and Formatting: Configuring Visual Studio Code for Flake8 Liniting

Lecture 6: Source Control: Create your first commit in a Git repository

Chapter 4: Chat Server Administration API

Lecture 1: Build: Initiate Chat Server Administration App

Lecture 2: Build: Creating a Django Custom User Model (AbstractUser)

Lecture 3: Build: Chat Server Administration Models (Database Tables and Fields)

Lecture 4: API Documentation: Configuring DRF-Spectacular with Swagger UI: Installation and

Lecture 5: Build: Configuring Default Authentication Classes in Django DRF

Lecture 6: Build: Creating an API Endpoint for Filtering Servers by category

Lecture 7: Build: Creating an API Endpoint for Filtering Servers by User

Lecture 8: Build: Creating an API Endpoint for Filtering Servers by Server ID

Lecture 9: Build: Creating an API Endpoint for Filtering Servers by Quantity

Lecture 10: Build: Returning Related Data – Server Associated Channels

Lecture 11: Build: Creating an API Endpoint for Filtering Servers and Returning Annotation o

Lecture 12: ChatGPT: Creating Code Comments with ChatGPT

Lecture 13: ChatGPT: Creating DocStrings with ChatGPT

Lecture 14: API Documentation: Creating an API Endpoint Decorator for Detailing Endpoints

Lecture 15: Build: Configuring Django to Handle Storing Images

Lecture 16: Build: Model Refactor for Icons and Banners in Django Model (Category)

Lecture 17: Build: Model Refactor for Icons and Banners in Django Model (Server)

Lecture 18: Building: Creating a Django Model Validation Class for Image Field Creation and

Lecture 19: Source Control: Commit and Merge

Chapter 5: Front End Templating

Lecture 1: Build: Create a new React Project with Vite

Lecture 2: Build: Pages Directory and Home Component

Lecture 3: Build: React Routing Introduction with React Router

Lecture 4: Build: Install MUI and integrate it into the existing project

Lecture 5: Build: Creating the Primary App Bar (Part-1) Framework

Lecture 6: Build: Integrating Google Fonts into an existing React/MUI project

Lecture 7: Build: Responsive Fonts

Lecture 8: Build: Creating the Primary App Bar (Part-2) Responsive

Lecture 9: Build: Primary Draw (Part-1) Framework

Lecture 10: Build: Primary Draw (Part-2) Functionality

Lecture 11: Build: Secondary Draw (Part-1) Framework

Lecture 12: Build: Main Component (Part-1) Framework

Chapter 6: API Integration

Lecture 1: Build: Install Axios and create first API request (CORS Intro)

Lecture 2: Build: Configuring Cross-Origin Resource Sharing (CORS)

Lecture 3: Build: Create a global configuration file

Lecture 4: Build: Axios Interceptor

Lecture 5: Build: Create a CRUD Hook

Lecture 6: Build: Primary Draw Component – Popular Servers

Lecture 7: Build: Secondary Draw Component – Explore Categories

Lecture 8: Build: Main Component – Exploring Servers

Lecture 9: Build: Primary App Menu – Explore Categories

Lecture 10: Build: Dark Mode

Chapter 7: Building Chat Services

Lecture 1: Build: Installing Django Channels

Lecture 2: Build: Installing and Managing Uvicorn

Lecture 3: Build: Implementing WebSockets – Routing

Lecture 4: Build: Channel Consumer + Sending and Receiving Messages

Lecture 5: Build: Towards Multiple User Chat Rooms

Lecture 6: Build: Server Page Templating

Lecture 7: Build: Implementing Server Channels

Lecture 8: Build: Switching Chat Rooms (Channels) in a Server

Lecture 9: Build: Implementing Channel Message History

Lecture 10: Build: Server Landing Page

Lecture 11: Build: Templating – Dynamic Channel Selection

Lecture 12: Build: Templating – Message Template

Lecture 13: Build: Templating – Message Input

Lecture 14: Build: Templating – Message Scrolling

Lecture 15: Build: Templating – Message DateTime

Chapter 8: Authentication

Lecture 1: Build: Installing djangorestframework-simplejwt

Lecture 2: Theory: Refresh and Access Tokens

Lecture 3: Build: Creating the Login Form

Lecture 4: Build: Authentication Context and Authentication Services

Lecture 5: Build: Protecting API Endpoints

Lecture 6: Build: Implement Protected Routes

Lecture 7: Build: Logging Out Users

Lecture 8: Build: JWT Interceptor – Using Refresh Token

Lecture 9: Theory: LocalStorage vs HttpOnly Cookie

Lecture 10: Build: Customising Simple JWT – HTTP Only Authentication

Lecture 11: Build: JWTAuthentication Class Customisations

Lecture 12: Build: Returning the User ID – Subclassing JWT Serializer

Lecture 13: Build: WebSocket Authentication

Lecture 14: Build: WebSocket Refresh Access Token

Lecture 15: Refactoring: useChatServices Custom Hook

Lecture 16: Refactoring: Incorporating Custom Hooks to allow access to the Router

Lecture 17: Build: Removing HTTP Only Cookies on Logout

Lecture 18: Build: Handling Login Form Validation

Lecture 19: Build: Registration Form

Chapter 9: Extending Chat Services

Lecture 1: Build: Server Membership

Lecture 2: Build: Server Membership Chat Restrictions