MERN Stack : MongoDB Node Express & React + Redux-Toolkit

Course Curriculum

Chapter 1: Introduction

Lecture 1: Introduction

Lecture 2: App Demo

Lecture 3: What is MERN and How it's work ?

Lecture 4: Why we should use MERN ?

Lecture 5: Environment Set-up

Chapter 2: Set-Up Backend

Lecture 1: Project Set-Up

Lecture 2: Express Server Set-up

Lecture 3: Connecting Backend to MongoDB

Lecture 4: Folder Structure

Chapter 3: Backend Authentication

Lecture 1: Auth Model

Lecture 2: Sign-Up Controller

Lecture 3: Adding Sign-Up Route

Lecture 4: Testing API using Postman

Lecture 5: Sign-In Controller

Lecture 6: Adding & Testing Sign-In API using Postman

Chapter 4: Optional: Understand Redux-Toolkit

Lecture 1: Intro

Lecture 2: What is Redux and why we use it ?

Lecture 3: What is Redux-Toolkit ?

Lecture 4: Understand Redux-Toolkit API

Lecture 5: Understand createAsyncThunk

Chapter 5: Set-Up Frontend

Lecture 1: create-react-app and installing packages

Lecture 2: Clean-up, Configure MDB, toastify and Structuring App

Lecture 3: Enable Routing

Chapter 6: Frontend Authentication

Lecture 1: Working on Login Page

Lecture 2: Set-Up Redux-Toolkit

Lecture 3: Writing & Dispatching Login Action

Lecture 4: Handling Error

Lecture 5: Working on Register Page

Lecture 6: Writing & Dispatching Register Action

Lecture 7: Adding Google Sign-In Button

Lecture 8: Configure Google Client ID

Lecture 9: Google Sign-In Controller

Lecture 10: Writing & Dispatching Google Sign-In Action

Lecture 11: Working on Header

Lecture 12: Customize Header on Login

Lecture 13: Persiste User and Logout

Chapter 7: Creating New Tour

Lecture 1: Tour Model

Lecture 2: Tour Controller and Route

Lecture 3: Create Tour Form – Part 1

Lecture 4: Create Tour Form – Part 2

Lecture 5: Redux Create Tour Action

Lecture 6: Dispatching Create Tour Action

Chapter 8: Middleware

Lecture 1: Backend Middleware

Lecture 2: Add Authorization Header in Axios Request

Chapter 9: Home, Tour Detail & Dashboard

Lecture 1: Redux Tours Action

Lecture 2: Working on Hompage

Lecture 3: Show Tours with Card Component

Lecture 4: Single Tour API – Controller

Lecture 5: Redux Action Single Tour

Lecture 6: Single Tour Page

Lecture 7: User Tours Controller and Route

Lecture 8: Dashboard – User Tours Redux Action

Lecture 9: Dashboard – Dispatch User Tours Action

Lecture 10: Dashboard – Display User Tours

Chapter 10: Route Protection and Spinner

Lecture 1: Adding Spinner

Lecture 2: Redirect User for Unauthorized access

Chapter 11: Delete and Update Tour

Lecture 1: Delete Tour Controller

Lecture 2: Update Tour Controller

Lecture 3: Delete Tour using Redux Action

Lecture 4: Update Tour Action

Lecture 5: Populate Tour Data in Form

Lecture 6: Update Tour using Redux Action

Lecture 7: Page not found (404)

Lecture 8: Fix App Issue

Chapter 12: Search Functionality

Lecture 1: Search Tour Controller

Lecture 2: Adding Search Input Field

Lecture 3: Search Implentation with Redux Action

Chapter 13: Related and Tag Tours

Lecture 1: Tag Tours Controller

Lecture 2: Tag Tours Redux Action

Lecture 3: Convert Tag into Link on Card

Lecture 4: Display Tours based on Common Tag

Lecture 5: Related Tours Controller

Lecture 6: Related Tours Redux Action

Lecture 7: Related Tour Section

Chapter 14: Token Expiry, Pagination & Like

Lecture 1: Handle Token Expiry

Lecture 2: Pagination Backend

Lecture 3: Adjust Redux logic for Pagination

Lecture 4: Pagination Component

Lecture 5: Modify Tour Model for Like feature

Lecture 6: Like Tour Controller

Lecture 7: Redux Action for Like feature

Lecture 8: Like Feature Part – 1

Lecture 9: Like Feature Part – 2

Chapter 15: Disqus Comment, Small Feature and Bug Fix

Lecture 1: Integrate Disqus Comment on UI

Lecture 2: Back Button on Detail Page