Build a Movie Review App Node & React – MERN Stack 2023

Course Curriculum

Chapter 1: Before we begin

Lecture 1: Important Note – Before You Purchase

Lecture 2: The Project Itself

Lecture 3: How to Get Most?

Lecture 4: Where is The Source Code

Lecture 5: Show Me Final App

Chapter 2: Basic Node Express & Project Initialization

Lecture 1: Misconceptions in node js

Lecture 2: Backend API

Lecture 3: API Routes & Controllers

Lecture 4: Installing Node JS

Lecture 5: Setting up VS Code

Lecture 6: Project Initialization

Lecture 7: First Node JS Code

Lecture 8: Our First Express Server

Lecture 9: Refactoring with MVC Pattern

Lecture 10: Think from the front end perspective

Chapter 3: Creating New User (Sign up)

Lecture 1: Installing Postman

Lecture 2: API Prefix and The Nodemon

Lecture 3: Post and Receving JSON

Lecture 4: Installing MongoDB Locally

Lecture 5: Connecting to Local MongoDB

Lecture 6: What is NPM

Lecture 7: Mongoose Models

Lecture 8: Creating New User

Lecture 9: Hashing Password

Lecture 10: Preventing Duplicate User

Lecture 11: Middlewares inside Express

Lecture 12: Express Validator

Chapter 4: Email Verification

Lecture 1: Email Verification Why and How

Lecture 2: Setting up mailtrap

Lecture 3: Email Verification Token Schema

Lecture 4: Sending Verification Email

Lecture 5: Verifying Email Verification Token (OTP)

Lecture 6: Comparing Hashed OTP to Verify Email Verification Token

Lecture 7: Resend Email Verification Token (OTP)

Lecture 8: Refactor

Chapter 5: Reset Password

Lecture 1: Model For Password Reset Token

Lecture 2: Password Reset Controller

Lecture 3: Sending Password Reset Link

Lecture 4: Middleware to Check Reset Pass Token

Lecture 5: Changing The User Password

Chapter 6: User Sign In – Environment Variables & Error Handling

Lecture 1: User Sign-in

Lecture 2: Environment Variables

Lecture 3: Async Await Error Handling

Chapter 7: Creating Authentication UI

Lecture 1: Design Something First

Lecture 2: Important! New Update From React 18

Lecture 3: Initializing Project With React and Tailwind CSS

Lecture 4: Creating User Navbar

Lecture 5: Using react-icons

Lecture 6: Sign in Form

Lecture 7: Refactoring Signin Form

Lecture 8: Finalizing Signin Form

Lecture 9: Signup Form

Lecture 10: Setting up React Router DOM

Lecture 11: Forget Password Form

Lecture 12: Email Verification OTP Form UI

Lecture 13: For Firefox Support

Lecture 14: Moving to Next OTP Field

Lecture 15: Updating OTP State

Lecture 16: Moving to Previous OTP Field

Lecture 17: Update for React 18 – Breaking Changes For OTP Field

Lecture 18: Moving to Previous From Empty OTP Field

Lecture 19: Confirm Password Form

Lecture 20: Fixing Navigation Login and Home Route

Lecture 21: Understanding Context API

Lecture 22: Enabling Dark Mode

Lecture 23: Adding Dark Theme Class

Lecture 24: Toggling Theme

Lecture 25: Refactoring Theme Code

Lecture 26: Different Color for Light & Dark Mode

Lecture 27: Finalizing Theme

Lecture 28: Signup State (userInfo)

Lecture 29: Validating Signup Form

Lecture 30: Fixing Create User Respnse and Setting up Axios

Lecture 31: Sending User Info to Backend for Signup

Lecture 32: Fixing CORS Error

Lecture 33: Fixing 404 Not Found

Lecture 34: Rendering Verification Page For Only Valid User

Lecture 35: Handle Submit For OTP Form

Lecture 36: OTP Validation

Lecture 37: Verifing User Email With OTP

Lecture 38: Notification Context & The Component

Lecture 39: Updating Notification

Lecture 40: Signing Token on Email Verification

Lecture 41: Setting up Auth Context

Lecture 42: Signin with Email and Password

Lecture 43: Rendering Busy Indicator on Sign-in

Lecture 44: Creating The isAuth Middleware

Lecture 45: Making Request to is-auth

Lecture 46: Redirect User to Home If Already Logged in

Lecture 47: Handling Logout

Lecture 48: Auto Sign in After Email Verification

Lecture 49: Understanding Reset Password

Lecture 50: Method for Forget Password & Handling Form State