Advanced Mern Stack Authentication

Learn MERN Stack Authentication and Authorization like it is done in the real world.

What you'll learn

MERN Stack Authentication and Authorization

User Registration and Login

Password Reset Via Email

Sending Automated Email

User Management

Assign User Roles

Google OAuth Login

Requirements

Basic knowledge of MERN Stack

Description

Welcome to Mern Stack Authentication Course.What is Authentication?In simple terms, authentication is the process of verifying who a user is, while authorization is the process of verifying what they have access to.In this course, we are going to cover MERN Stack Authentication as it is done in the real world.What we will cover.- MERN Stack Authentication and Authorization-  Build Frontend pages with React and SCSS-  Setup Routing with React Router V6- Build API endpoints with Express- User Registration and Login- Password Reset Via Email- Sending Automated Email- User Management- Assign User Roles- Google OAuth Login- User profile management- Change password- Working with Cookies- Working with JWT (JSON web token)- Auth Middleware- Profile Update-  Protect routes to only be accessed by logged-in users- Error handling- Working with Cookies- Pushing projects to Github- Deploy Backend to Render- Deploy Frontend to VercelCourse requirementDevelopers who got basic React and MERN Stack knowledge and want to learn in-depth MERN Stack authentication.NOTE:This is not an introduction to React course, you are expected to know React before taking this course. However, I try to explain the ReactJS concepts used in every section.This is not an introduction to MERN Stack course, you are expected to know MERN Stack before taking this course. However, I will explain everything I do while building the project.

Overview

Section 1: Introduction

Lecture 1 Auth-z Project Demo

Lecture 2 Introduction & Course Requirement

Lecture 3 What is Authentication and Authorization

Section 2: Project Setup

Lecture 4 Planning the project

Section 3: FrontEnd - Auth-Z Project

Lecture 5 Create React App

Lecture 6 Project cleanup

Lecture 7 CSS Utility class overview

Lecture 8 Setting Up Routing

Lecture 9 Header Component

Lecture 10 Footer Component

Lecture 11 Home Page

Lecture 12 Layout Component

Lecture 13 Login Component - Part 1

Lecture 14 Login Component - Part 2

Lecture 15 Password Input Component

Lecture 16 Register Component - Form

Lecture 17 Register Component - Password Strength Indicator

Lecture 18 Register Component - Password Strength Logic

Lecture 19 Forgot Password Component

Lecture 20 Reset Password Component

Lecture 21 Login With Code Component

Lecture 22 Profile Component

Lecture 23 Verify Account Component

Lecture 24 Page Menu Component

Lecture 25 Change Password Component

Lecture 26 User List Component

Lecture 27 User Stats Component

Lecture 28 User Search Component

Lecture 29 User Table

Lecture 30 Change Role Component

Lecture 31 Loader Component

Section 4: BackEnd - AUTH-Z Project

Lecture 32 Backend Folder Setup

Lecture 33 Create Server and Connect MongoDB

Lecture 34 Create Folders and Test With Insomnia

Lecture 35 Set up Middleware

Lecture 36 Create User Model

Lecture 37 Create User Route and Controller

Lecture 38 Create Custom Error Handler

Lecture 39 Register User - Part 1 - Validation

Lecture 40 Register User - Part 2 - Generate Token & Create User

Lecture 41 Register User - Part 3 - Hash Password

Lecture 42 Register User - Part 4 - Get User Agent

Lecture 43 Setup Login Route

Lecture 44 Setup Login Controller

Lecture 45 Logout User- Route and Controller

Lecture 46 Get User Route

Lecture 47 Auth Middleware

Lecture 48 Get User Controller

Lecture 49 Update User - Route and Controller

Lecture 50 Delete User Route & Create Admin Only Middleware

Lecture 51 Delete User Controller

Lecture 52 Get all Users

Lecture 53 Get Login Status

Lecture 54 Change User Role

Lecture 55 Create Send Email Function

Lecture 56 Automated Email Route and Controller

Lecture 57 Create Email Template and Send Email

Lecture 58 Create Token Model

Lecture 59 Send Verification Email - Part 1

Lecture 60 Send Verification Email - Part 2

Lecture 61 Create Verification Email Template

Lecture 62 Verify User Route and Controller

Lecture 63 Forgot Password Route

Lecture 64 Forgot Password Controller

Lecture 65 Reset Password Route and Controller

Lecture 66 Change Password Route and Controller

Lecture 67 Create Change Password Email Template

Lecture 68 Trigger 2FA - Part 1

Lecture 69 Trigger 2FA - Part 2

Lecture 70 Send Login Code Route

Lecture 71 Send Login Code - Controller

Lecture 72 Login With Code - Route

Lecture 73 Login With Code - Controller

Lecture 74 Moving to the Frontend

Section 5: Connect Frontend To Backend

Lecture 75 Setup Redux Toolkit - Part 1

Lecture 76 Setup Redux Toolkit - Part 2

Lecture 77 Register User 1 - createAsyncThunk

Lecture 78 Register User 2 - Handle response

Lecture 79 Register User 3 - Form Validation

Lecture 80 Register User 4 - Component Logic

Lecture 81 Register User 5 - Bug Fix

Lecture 82 Login User - Redux Logic

Lecture 83 Login User - Component Logic

Lecture 84 Logout User - Redux Logic

Lecture 85 Logout User - Component Logic

Lecture 86 Get Login Status - Redux Logic

Lecture 87 Get Login Status - Component Logic

Lecture 88 Custom Hook - useRedirectLoggedOutUser

Lecture 89 Show or Hide Links

Lecture 90 Get User Profile - Redux Logic

Lecture 91 Get User Profile - Component Logic

Lecture 92 Update User - Redux Logic

Lecture 93 Update User - Preview Profile Image

Lecture 94 Update User - Upload Image to Cloudinary

Lecture 95 Update User - Upload to MongoDB

Lecture 96 Update User - Shorten Username

Lecture 97 Send Verification Email - Redux Logic

Lecture 98 Send Verification Email - Component Logic

Lecture 99 Verify User - Redux Logic

Lecture 100 Verify User - Component Logic

Lecture 101 Change Password - Redux Logic

Lecture 102 Change Password - Component Logic

Lecture 103 Send Automated Email - Redux Logic

Lecture 104 Send Automated Email - Component Logic

Lecture 105 Forgot Password - Redux Logic

Lecture 106 Forgot Password - Component Logic

Lecture 107 Reset Password - Redux Logic

Lecture 108 Reset Password - Component Logic

Lecture 109 Reset Password - Component Logic Debug Session

Lecture 110 Get Users - Redux Logic

Lecture 111 Get Users - Component Logic

Lecture 112 Delete User - Redux Logic

Lecture 113 Delete Users - Component Logic

Lecture 114 Upgrade User - Redux Logic

Lecture 115 Upgrade User - Component Logic

Lecture 116 Search Users Functionality

Lecture 117 Pagination Functionality

Lecture 118 User Stats - Redux Logic

Lecture 119 User Stats - Component Logic

Lecture 120 Send Login Code - Redux Logic

Lecture 121 Send Login Code - Component Logic

Lecture 122 Login With Code - Redux Logic

Lecture 123 Login With Code - Component Logic

Lecture 124 Resend Login Code

Lecture 125 Google Auth setup

Lecture 126 Google Auth setup - Part 2

Lecture 127 Google Auth Login - Frontend

Lecture 128 Google Auth Login - Backend

Students who want gain an indepth knowledge of MERN Stack Authentication