MERN Stack: Advanced User Authentication & Authorization | Mern Authentication | MERN Stack Project

✨Source Code: https://github.com/Nikhilthadani/MERN-authentication-authorization.git

Checkout latest Video on Blockchain devlopment: https://youtu.be/GhmBTJoiDkM

Hey Everyone,
In this video we will create an Advanced application with MERN Stack, It will be a USER AUTHENTICATION AND AUTHORIZATION Project With Login And Signup Application In MERN Stack.



Timestamps:
0:00 Introduction and Overview of Tutorial
1:01 Application DEMO
3:09 Introduction to MERN Stack and Project
10:23 Creating Backend - Creating NodeJS Project from Scratch
13:55 Creating Backend - Installing Express in NodeJS
16:43 Creating Backend - Configuring MongoDB
20:10 Creating Backend - Installing and Configuring Mongoose
21:08 Creating Backend - Connecting Application With MongoDB Database
24:04 Creating Backend - Folder Structure
25:05 Creating Backend - Adding User Model
28:19 Creating Backend - Adding Routes
30:59 Creating Backend - Installing Postman
32:10 Creating Backend - Creating Signup Route and Controller
38:47 Creating Backend - Adding Validation To Controllers
43:02 Creating Backend - Encrypting / Hashing Password With Bcryptjs
46:28 Creating Backend - Login Route
53:02 Creating Backend - Adding JWT Token For Authorization
59:34 Creating Backend - Adding Verification Of JWT Token With verifyToken and Adding GET HTTP Request for user
1:07:18 Creating Backend - Getting user details
1:10:55 Creating Backend - How To send JWT token securely to frontend? - Using httpOnly cookie
1:23:36 Creating Frontend- Installing React Application
1:25:20 Creating Frontend - Installing MaterialUI
1:26:43 Creating Frontend - Building Navigation Bar With Tab Links
1:31:47 Creating Frontend - Using React Router For Navigation
1:32:25 Creating Frontend - Adding Routes in application
1:37:32 Creating Frontend- Adding Signup Page
1:47:25 Creating Frontend - Installing axios to send HTTP Requests
1:47:46 Creating Frontend - Sending Signup HTTP POST Request
1:52:20 Creating Frontend - Creating Login Page
1:57:47 Creating Frontend - Adding Welcome User Page and Sending axios request with withCredentials property
2:04:11 Creating Frontend: Adding refresh Token route and sending refresh token request
2:22:10 Creating Frontend - Adding .env file in NodeJS Backend
2:25:15 Creating Frontend - Adding Logout Functionality With Redux
2:26:04 Creating Frontend - Installing and Configuring Redux
2:33:00 Creating Frontend - Adding Logout Route and Controller in Backend
2:41:52 Creating Frontend - Adding Protected Route (user)
2:43:16 Application Completes
2:43:30 Project Summary


Please Like The Video &
Please Subscribe to this channel. I've been working on this advanced application since very long. Make sure you share it across.
Please hit like and do subscribe only. That's It.

Follow us on Instagram
@indiancoders.in
@selfprogrammer

#mernstack
#reactjs
#mern

Copyright Disclaimer under section 107 of the Copyright Act 1976, allowance is made for “fair use” for purposes such as criticism, comment, news reporting, teaching, scholarship, education and research. Fair use is a use permitted by copyright statute that might otherwise be infringing.