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

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

[droid]

I haven't seen the your full video but the "technologies will be used" overview gave a really great feel and I know that this is "actually" advanced

[TedWard]

I have just gone completed this and it works great! I followed the video checked the app at same points, this allowed me to catch any self made errors as I went.

This is one of best introductions to this topic I have found on the web which isn't behind a paywall! I have learnt a lot from this video and will be watching more from this channel!

Thankyou!

[hhutlce]

The way you are interacting with the project is so good, explaining each and one thing is very recommendable, hope you will bring much more projects soon

[WSBWallstreetBets]

This is an amazing video and helped me out exactly with my project. Keep up the work, you've really taught me a lot.

[sarectua]

Thank you for sharing your knowledge. I, perhaps for the first, fully understand the process of authentication as a self-learner. Many thanks!!

[RahulKumar-voof]

Thank You so much for this amazing vedio

[uboxtech]

mine vscode is not showing suggestions of mongo models, or the cookie part, how to fix it?

[ksn]

after logged in successfully when i refresh page No routes matched location "/user" and can u help me how can i implement /config on sails js project (config/session.js) and how to remove or modify sails autogenerated cookie named sails.sid

[HAMZAALI-gdcl]

Thanks for describing in such a great way!!!!
I learnt a lot

[jawadullah]

thank you yr seriously a lot of help from your toturials thank you so much

[hamzabouyahya]

when refreshing page and logging again there is an error which the user is undefined when verifying token in verifyToken function

[jonaskhoza]

cookie not being set to the browser Application area yet it can be found in the response headers after login. Can you plz help with that

[uv_codes]

If we just delete our req.cookies in refresh token handler, then how in this world we are supposed to get it in our verify token handler just after deleting it.

[oreMilic]

code is not working it is getting (Error [ERR_HTTP_HEADERS_SENT]: Cannot set headers after they are sent to the client) and token is not valid

[gltcoder]

do i have to write this axios. /refresh code on every page after login i mean i have multiple pages a complete dash board, so do i have to add it to all the pages?

[sumanjha]

I am not able to stay logged in after refreshing page...and i have checked your code and it's behave the same

[jaikrishna]

thankyou so much i really learned new thing today

[snapytips]

It's a good idea, but it just increases network requests. Is it possible to control the network request with this idea when dealing with production applications?
💡

[JJ-otps]

wow this is the best mern auth out there! great work indian coders, I learned a lot especially cookier parser!

[spreadtheloveglobally]

Which key u used to import login, signup, welcome ???