MERN Stack Bootcamp 2024: Build 2 Real Projects-Clean Code

Course Curriculum

Chapter 1: Introduction

Lecture 1: Introduction

Lecture 2: Course Overview Project Demo

Chapter 2: Download Resources: Project Source Code

Lecture 1: Authentication Project Source Code

Lecture 2: Photo Sharing App Project Source Code

Chapter 3: Photo Sharing App: Project – 1

Lecture 1: Project Overview Demo

Lecture 2: Project Setup Part-1

Lecture 3: Basic Routes Part-2

Lecture 4: DB Connection Part-3

Lecture 5: DB Model Part-4

Lecture 6: Cloudinary Setup Part-5

Lecture 7: Upload Image Part-6

Lecture 8: Get All Images Part-7

Lecture 9: Update Image Part-8

Lecture 10: Delete Image Part-9

Lecture 11: Swagger Setup Part-10

Lecture 12: Swagger API Documentation Part-11

Lecture 13: Swagger Documentation (PUT) Part-12

Lecture 14: Swagger Documentation (DELETE) Part-13

Lecture 15: Deployment To Vercel Part-14

Lecture 16: React Project Initialize Part-15

Lecture 17: React Project Tailwind Part-16

Lecture 18: Routes Part-17

Lecture 19: Application Layout Part-18

Lecture 20: React Context Type-safe Part-19

Lecture 21: Image Card Part-20

Lecture 22: Image Card Options Part-21

Lecture 23: Image Up-loader Component Part-22

Lecture 24: Image Upload API Integration Part-23

Lecture 25: Loader Component Part-24

Lecture 26: Fetch Show Images Part-25

Lecture 27: Image Modal Part-26

Lecture 28: Image Modal Buttons Part-27

Lecture 29: Image Title Update Part-28

Lecture 30: Image Delete Part-29

Lecture 31: Image Gallery Modal Part-30

Lecture 32: Image Gallery Modal Functionality Part-31

Lecture 33: Skeleton Loader Type-safe Code Part-32

Lecture 34: Vercel Deployment Part-33

Lecture 35: Push To Git and to Vercel Part-34

Chapter 4: Authentication App-Google,Facebook and JWT: Project – 2

Lecture 1: Project Setup React Part-1

Lecture 2: Creating Components Part-2

Lecture 3: Setting Up Routes Part-3

Lecture 4: Protected Wild Routes Part-4

Lecture 5: Designing Signup Component-I Part-5

Lecture 6: Designing Signup Component – II Part-6

Lecture 7: Form Validation Using Regex – I Part-7

Lecture 8: Form Validation Using Regex – II Part-8

Lecture 9: Password Show Hide Button Part-9

Lecture 10: Designing Login Component Part-10

Lecture 11: Project Setup Backend Node JS Part-11

Lecture 12: Backend Basic Test Route Part-12

Lecture 13: Connecting to The Database Part-13

Lecture 14: Creating User Model Part-14

Lecture 15: Designing Router Controller – I Part-15

Lecture 16: Designing Router Controller – II Part-16

Lecture 17: Designing Router Controller – III Part-17

Lecture 18: Sending Email Using Node Mailer Part-18

Lecture 19: Account Verification – I Part-19

Lecture 20: Account Verification – II Part-20

Lecture 21: Login Route – I Part-21

Lecture 22: Login Route with JWT – II Part-22

Lecture 23: Using JWT in React Part-23

Lecture 24: JWT MiddleWare In Node JS Part-24

Lecture 25: Google Login – I Part-25

Lecture 26: Google Login – II Part-26

Lecture 27: Facebook Login Part-27

Lecture 28: Forgot Password UI Part-28

Lecture 29: Forgot Password Send OTP Part-29

Lecture 30: Forgot Password OTP Verify Part-30

Lecture 31: Forgot Password Set New Password Part-31

Lecture 32: Resend Password Reset OTP Part-32

Lecture 33: Home Component UI – I Part-33

Lecture 34: Home Component UI – II Part-34

Lecture 35: Home Component Show User Data Part-35

Lecture 36: Home Component Update User Part-36

Lecture 37: Home Component Update User Form Completion Part-37

Lecture 38: Home Component User Update API Part-38

Lecture 39: Home Component Backend Logic Part-39

Lecture 40: Loaders Part-40

Lecture 41: Basic Fixes and Animations Part-41

Lecture 42: Push Code to Github Part-42

Lecture 43: Deploy Project Part-43

Lecture 44: Deploy Project Testing Part-44

Lecture 45: Project Wrap Up