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

Video Description

✨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.