Advanced MERN Stack Authentication

Course Curriculum

Chapter 1: Introduction

Lecture 1: Auth-z Project Demo

Lecture 2: Introduction & Course Requirement

Lecture 3: What is Authentication and Authorization

Chapter 2: Project Setup

Lecture 1: Planning the project

Chapter 3: FrontEnd – Auth-Z Project

Lecture 1: Create React App

Lecture 2: Project cleanup

Lecture 3: CSS Utility class overview

Lecture 4: Setting Up Routing

Lecture 5: Header Component

Lecture 6: Footer Component

Lecture 7: Home Page

Lecture 8: Layout Component

Lecture 9: Login Component – Part 1

Lecture 10: Login Component – Part 2

Lecture 11: Password Input Component

Lecture 12: Register Component – Form

Lecture 13: Register Component – Password Strength Indicator

Lecture 14: Register Component – Password Strength Logic

Lecture 15: Forgot Password Component

Lecture 16: Reset Password Component

Lecture 17: Login With Code Component

Lecture 18: Verify Account Component

Lecture 19: Profile Component

Lecture 20: Page Menu Component

Lecture 21: Change Password Component

Lecture 22: User List Component

Lecture 23: User Stats Component

Lecture 24: User Search Component

Lecture 25: User Table

Lecture 26: Change Role Component

Lecture 27: Loader Component

Chapter 4: BackEnd – AUTH-Z Project

Lecture 1: Backend Folder Setup

Lecture 2: Create Server and Connect MongoDB

Lecture 3: Create Folders and Test With Insomnia

Lecture 4: Set up Middleware

Lecture 5: Create User Model

Lecture 6: Create User Route and Controller

Lecture 7: Create Custom Error Handler

Lecture 8: Register User – Part 1 – Validation

Lecture 9: Register User – Part 2 – Generate Token & Create User

Lecture 10: Register User – Part 3 – Hash Password

Lecture 11: Register User – Part 4 – Get User Agent

Lecture 12: Setup Login Route

Lecture 13: Setup Login Controller

Lecture 14: Logout User- Route and Controller

Lecture 15: Get User Route

Lecture 16: Auth Middleware

Lecture 17: Get User Controller

Lecture 18: Update User – Route and Controller

Lecture 19: Delete User Route & Create Admin Only Middleware

Lecture 20: Delete User Controller

Lecture 21: Get all Users

Lecture 22: Get Login Status

Lecture 23: Change User Role

Lecture 24: Create Send Email Function

Lecture 25: Automated Email Route and Controller

Lecture 26: Create Email Template and Send Email

Lecture 27: Create Token Model

Lecture 28: Send Verification Email – Part 1

Lecture 29: Send Verification Email – Part 2

Lecture 30: Create Verification Email Template

Lecture 31: Verify User Route and Controller

Lecture 32: Forgot Password Route

Lecture 33: Forgot Password Controller

Lecture 34: Reset Password Route and Controller

Lecture 35: Change Password Route and Controller

Lecture 36: Create Change Password Email Template

Lecture 37: Trigger 2FA – Part 1

Lecture 38: Trigger 2FA – Part 2

Lecture 39: Send Login Code Route

Lecture 40: Send Login Code – Controller

Lecture 41: Login With Code – Route

Lecture 42: Login With Code – Controller

Lecture 43: Moving to the Frontend

Chapter 5: Connect Frontend To Backend

Lecture 1: Setup Redux Toolkit – Part 1

Lecture 2: Setup Redux Toolkit – Part 2

Lecture 3: Register User 1 – createAsyncThunk

Lecture 4: Register User 2 – Handle response

Lecture 5: Register User 3 – Form Validation

Lecture 6: Register User 4 – Component Logic

Lecture 7: Register User 5 – Bug Fix

Lecture 8: Login User – Redux Logic

Lecture 9: Login User – Component Logic

Lecture 10: Logout User – Redux Logic

Lecture 11: Logout User – Component Logic

Lecture 12: Get Login Status – Redux Logic

Lecture 13: Get Login Status – Component Logic

Lecture 14: Custom Hook – useRedirectLoggedOutUser

Lecture 15: Show or Hide Links

Lecture 16: Get User Profile – Redux Logic

Lecture 17: Get User Profile – Component Logic

Lecture 18: Update User – Redux Logic

Lecture 19: Update User – Preview Profile Image

Lecture 20: Update User – Upload Image to Cloudinary

Lecture 21: Update User – Upload to MongoDB