MERN STACK REACT NODE API – Real Estate Marketplace App

Course Curriculum

Chapter 1: Introduction

Lecture 1: Course introduction

Lecture 2: Are you ready for this course?

Lecture 3: Finished project demo

Lecture 4: Download source code from Github

Chapter 2: NodeJs and MongoDB Project Setup

Lecture 1: How to initialize NodeJs project?

Lecture 2: How to create Node Express server?

Lecture 3: How to connect to MongoDB locally?

Lecture 4: How to use Mongo Atlas?

Lecture 5: How to load routes file in NodeJs?

Lecture 6: How to use controller functions in NodeJs?

Chapter 3: User Registration and Login with Email Confirmation using AWS SES (Server)

Lecture 1: How to create database model in MongoDB?

Lecture 2: How to check if user provided valid email address?

Lecture 3: Signup to AWS for using SES and S3

Lecture 4: How to send email using AWS SES?

Lecture 5: How to send dynamic email using AWS SES?

Lecture 6: How to build your own template to send emails using AWS SES?

Lecture 7: How to decode JWT?

Lecture 8: How to hash and compare password using Bcrypt in NodeJs?

Lecture 9: How to register or save user in MongoDB?

Lecture 10: How to apply email and password validation in NodeJs?

Lecture 11: How to login user in NodeJs?

Chapter 4: Forgot Password and Accessing Account (Server)

Lecture 1: How to implement forgot password feature in NodeJs?

Lecture 2: Trying out forgot password request using Postman

Lecture 3: How to allow user to access account after forgot password request?

Chapter 5: Protect Routes and Refresh Token (Server)

Lecture 1: How to protect routes from not logged-in users?

Lecture 2: How to send fresh token on refresh token request?

Lecture 3: Code refactoring, manual testing and recap

Lecture 4: How to get currently logged-in user from MongoDB?

Chapter 6: User Profile and Update (Server)

Lecture 1: How to create user public profile endpoint?

Lecture 2: How to implement user password update?

Lecture 3: How to update user profile?

Chapter 7: React Project Setup with React Router and Context

Lecture 1: How to create a new React project?

Lecture 2: How to use material bootstrap theme in React?

Lecture 3: How to add multiple routing system using React router?

Lecture 4: How to create and access a global state in React using Context?

Lecture 5: How to create navigation menu in React?

Lecture 6: How to create dropdown menu in React?

Chapter 8: User Registration, Login, Reset Password and Accessing Account (Client)

Lecture 1: How to create user registration form in React?

Lecture 2: How to store user input in local component state in React?

Lecture 3: How to make POST request using Axios?

Lecture 4: How to show server error messages using toast notifications in React?

Lecture 5: How to configure Axios globally?

Lecture 6: How to show loading status and redirect user?

Lecture 7: How to grab route params in React?

Lecture 8: Register the user by sending JWT

Lecture 9: How to solve Axios making 2 request for same endpoint?

Lecture 10: How to prevent React Context data lost on page refresh?

Lecture 11: How to create login page in React?

Lecture 12: How to implement logout in React?

Lecture 13: How to conditionally show login and logout links?

Lecture 14: How to add forgot password feature in React?

Lecture 15: How to allow user to access account on forgot password?

Chapter 9: Protected Pages and Refresh Token (Client)

Lecture 1: How to create user dashboard with sidebar menu?

Lecture 2: How to protect pages from not logged-in user?

Lecture 3: Axios interceptors code

Lecture 4: How to refresh token using Axios?

Lecture 5: Conditionally navigate user based on auth status?

Chapter 10: Create Ad to Sell or Rent, Google Places and Multiple Image Uploads to AWS S3

Lecture 1: Create Ad page with options to sell or rent

Lecture 2: How to implement sell or rent house and land options?

Lecture 3: How to use single Ad create form for selling or renting house and land?

Lecture 4: How to get google places API keys?

Lecture 5: How to use google places to auto-complete address dropdown?

Lecture 6: How to create price field with comma separated currency format?

Lecture 7: Add additional form fields to the Ad create form

Lecture 8: How to create image upload component in React?

Lecture 9: How to resize image client side in React?

Lecture 10: How to create bucket policy in AWS S3?

Lecture 11: How to upload image to AWS S3 from NodeJs?

Lecture 12: Code snippet for uploading image

Lecture 13: How to display array of uploaded images?

Lecture 14: How to delete image from AWS S3?

Chapter 11: Saving Ad to MongoDB with Geo Location in NodeJs

Lecture 1: How to create Ad model with mongoose?

Lecture 2: How to send new Ad create data from React?

Lecture 3: How to get geo location in NodeJs using google places API

Lecture 4: How to save new Ad in MongoDB?

Chapter 12: Displaying Ads for Sell and Rent

Lecture 1: Disable button and redirect user on Ad create?

Lecture 2: How to show and hide form fields based on house or land?

Lecture 3: How to query Ads for sell and rent from MongoDB?

Lecture 4: How to fetch Ads for sell and rent in React?

Lecture 5: How to create re-usable card component in React?

Lecture 6: How to make card hover effect using CSS?

Lecture 7: How to use all popular icons in React?

Lecture 8: How to format price with comma?

Lecture 9: How to use ribbon badge in React card component?

Chapter 13: Single Ad View with Image Gallery

Lecture 1: How to query MongoDB to get single Ad and related Ads?

Lecture 2: How to create single Ad view page in React?

Lecture 3: How to fetch individual Ad based on route params?