React Redux NodeJs MERN Stack – Hotel Booking Marketplace

Course Curriculum

Chapter 1: Introduction

Lecture 1: About the app

Lecture 2: Course highlights

Lecture 3: Download source code

Lecture 4: Are you new to JavaScript React and NodeJs?

Chapter 2: React app setup

Lecture 1: Client setup

Lecture 2: React router version

Lecture 3: Implement routing

Lecture 4: Nav menu

Lecture 5: Redux setup

Lecture 6: Accessing redux state

Chapter 3: Node server setup

Lecture 1: Server setup

Lecture 2: Express server

Lecture 3: Using import export syntax

Lecture 4: Routes

Lecture 5: Autoloading routes

Lecture 6: Controllers

Lecture 7: Env variables

Lecture 8: Using morgan

Lecture 9: Mongoose version

Lecture 10: Database setup

Chapter 4: User Registration

Lecture 1: Register page

Lecture 2: Register form

Lecture 3: Separate form component

Lecture 4: Using axios

Lecture 5: Register endpoint and json middleware

Lecture 6: User schema

Lecture 7: Bcrypt hash password

Lecture 8: Save user in database

Lecture 9: Toast notifications

Lecture 10: Env variables in react

Chapter 5: User login

Lecture 1: Actions

Lecture 2: Login page

Lecture 3: Login request

Lecture 4: Compare password

Lecture 5: Process login

Lecture 6: JWT on login

Lecture 7: User and token in redux and local storage

Lecture 8: Redux state on page reload

Lecture 9: Conditional rendering and logout

Chapter 6: Private route, navigation and user dashboard

Lecture 1: Private route

Lecture 2: Dashboard nav

Lecture 3: Active link

Lecture 4: Connect nav 1

Lecture 5: Connect nav 2

Lecture 6: Links on user dashboard page

Chapter 7: Stripe setup

Lecture 1: Stripe setup

Lecture 2: Conditional rendering for connected and not connected users

Lecture 3: Showing content for not connected users

Lecture 4: Connect account action

Lecture 5: Verify token with express jwt

Lecture 6: Using stripe in backend

Lecture 7: Save stripe account id

Lecture 8: Create login link

Chapter 8: Stripe onboarding and payout settings

Lecture 1: Onboarding process

Lecture 2: Stripe Connect Onboarding Issues

Lecture 3: Functions to get user stripe status

Lecture 4: Get account status in stripe callback

Lecture 5: Save stripe seller's updated status in database

Lecture 6: User stripe status in redux and local storage

Lecture 7: Update stripe payout delay days

Lecture 8: Stripe user pending balance

Lecture 9: Get account balance

Lecture 10: Ribbon style and currency formatter

Lecture 11: Request payout setting login link

Lecture 12: Stripe users payout settings

Lecture 13: Recap

Chapter 9: Create hotels

Lecture 1: Algolia setup

Lecture 2: New hotel form 1

Lecture 3: New hotel form 2

Lecture 4: On change image handler and image preview

Lecture 5: Auto dropdown algolia places address suggestion

Lecture 6: Datepicker

Lecture 7: Ant select and options component

Lecture 8: Create hotel function

Lecture 9: Sending form data

Lecture 10: Hotel schema

Lecture 11: Create new hotel

Lecture 12: Create hotel component

Lecture 13: Error messages

Chapter 10: Display hotels

Lecture 1: Get hotels endpoint

Lecture 2: Hotels in home page

Lecture 3: Display hotels in small card component

Lecture 4: Display hotel's features

Lecture 5: Show hotel image

Chapter 11: Seller hotels

Lecture 1: Conditional rendering edit delete

Lecture 2: Debug – Headers already sent error

Lecture 3: Seller hotels

Lecture 4: Seller hotels request and fixing postedBy issue

Lecture 5: Hotels in seller's dashboard