Mastering Authentication: React, Node, MongoDB | Login, Signup, Forgot Password, Protected Routes

Mastering Authentication: React, Node, MongoDB | Login, Signup, Logout, Forgot Password and Protected Routes. React + Node + MongoDB: Complete "Authentication" and "Protected Routes". First we will implement "React-Router-Dom" for Routing then we will implement Registration page design and MongoDB configuration with User Model and API with bcrypt for password hashing. After signup we will start coding for Login to design it and write API endpoint with jsonwebtoken implementation to generate a token and store it in cookies for sign in. Moreover we will implement "Forgot and Reset Password" with Nodemailer to send email to user for Resetting password. Finally we will write code for Protected Routes and "Logout" functionality.
Install MongoDB Locally: • Install MongoDB 6.0.6 ...
Complete MERN Auth: • Complete MERN Stack Au...
Bcrypt for Hash and Compare Password: • Hash and Compare Passw...
JWT (JSONWEBTOKEN) Implementation: • JWT Authentication | M...
Forgot and Reset Password: • Forgot Password and Re...
MERN Stack Tutorial: • MERN
Queries:
Login and Signup in React and Node.
Login and Registration using React JS.
MERN Stack Authentication and Protected Routes.

[@gojovoiceover]

thank you bro i will never forgot you in your life in KZbin

[@patricioangulo4143]

7:25 npm package 13:37 react router dom 25:26 mongoose 39:44 useNavigate 48:16 jwt 1:02:35 nodemailer

[@alihassanhaji2830]

I really interested this video of authentication thanks you so much for this wonderful tutorial.

[@andreavicari2159]

Thanks for this wonderful Video As soon as I can I will try in a project Many thanks 👏👏

[@TLTechbender]

Thanks Brother, You've helped me a great deal!!!! God bless you...

[@suucartoon5427]

tnx so much for this worderfull tutorial😊

[@alexwaweru19]

This was very helpful, Thank you.

[@deltonguivala4888]

You helped me a lottt bro. BIG THANKS.

[@lavkeshprasad7040]

bro you project is very good, it helps me a lot its a good project

[@victormurcio8845]

You are very good explaining React stuff, i am very gratefull with you. How can i do the deploy of this proyect? Thanks

[@gauravpanta5464]

Thanks brother, you helped me a lot !

[@priyankamohanfanboy7]

thank you so much brother , really it's more helpful, did using git repository , please it will be more helpful to me

[@requiemx6038]

very beneficial thx bro

[@abhijitroy1958]

give your custom error status too it will be more good, thanks for the video btw

[@sabinazeynalova401]

thanks for sharing, this helped me a lot)

[@avinashkumargupta8556]

How are you checking the token is correct or not what's the flow ? token generated --> sent to frontend --> then what ????

[@gabrielkingori3375]

wow what a great video, keep up

[@chaitanyagbk4251]

Great information. Thank you very much for the videos yousaf. Do you have a GIT repository? If yes can you please share, it actually helps.

[@codewithyousaf]

I will share

[@flash0p]

great tutorial

[@ruqayahn.k4645]

thank you 🌹

[@user-op3ff1gv9e]

Nice vodeo

[@abrahamosahon1137]

Thank you

[@FaridDiraf-l1b]

Hi Yousaf, greetings from Azerbaijan, thanks for an exceptional tutorial first. And second, when trying to set up nodemailer, I can't go to App passwords, After entering 2 Step verification, it wants me to provide a phone number to turn it on. But no matter what I type, it always says 'Something went wrong'. Why and how can I fix this?

[@codewithyousaf]

maybe some phone numbers are not acceptable like in Pakistan sometimes it's not working we use Telenor for that. just ask we it happen in azerbyjan

[@FaridDiraf-l1b]

@@codewithyousaf I see, I'll try again. Thanks for getting back to me👍

[@CyberDev_Ayoujil]

Nice

[@mayursoni2838]

i am facing error in the code even i write exact same code

[@pedromanuelcamargomendez6520]

Hi, will you make forgot password with OTP. Thank you so much.

[@sarveswarareddyambala6144]

Hello Sir, Ur Mastering Authentication video is really inspired Request failed with status code 404 AxiosError ERR_BAD_REQUEST due to this in Post, I am getting 404 (Not Found) then it is not showing data in the database

[@Rudra-gx3ec]

i an getting the same error ? did your resolve it ?

[@madathalanithinreddy4594]

When we a getting our first error regarding Cors , after we imported cors but after importing also I’m getting error pls help me

[@codewithyousaf]

after importing cors use it like this cors({origin: ["your front-end url"], credential: true}) front-end axios.defaults.withCredentials = true watch video carefully you will solve the error I explained.

[@madathalanithinreddy4594]

First the authentication is not showing in mongodb

[@madathalanithinreddy4594]

37:28 here I’m facing error, and authentication is not showing in mongodb , after I tried to keep login option but the page became totally blank 😢 help me please

[@Roozikhan565]

❤❤❤

[@RatneshKumar-xv3gr]

❤

[@chikay2023]

1:13:00 I only see white page after clicking the link error from console: No routes matched location "/resetpassword/eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IjY2OGQ0MzVmMmIxMGM3MTBmOTljZGEzZSIsImlhdCI6MTcyMDUzNTM2MCwiZXhwIjoxNzIwNTM1NjYwfQ.tRpPppx9d4GTtN8W37oNPrsUQxhDwQgoAJgDyO9fDM0"

[@zoki5388]

03:00 doesn't look like its working, because it goes to dashboard even you are not logged in.

[@supriyachatterjee3183]

yes

[@kommushirisha5075]

Hi, will you make a project for a payment gateway using MERN

[@firefly1887]

does real world mern project look like this?

[@xenon1787]

Please give the GIT link of this tutorial I need it urgently

[@bhupenderkumar9508]

Thanks bro . now i'm able to get a cookie from backend to frontend . But in frontend I was fetching some data from a E-commerce site . it's now giving me cors policy error between API site and my frontend

[@nishantmoolya]

Use cors() in back-end to remove this cors policy error

[@bhupenderkumar9508]

@@nishantmoolya Thankyou buddy . i'm so happy that you helped me . can we connect on any platform like linkedIn and X?

[@Akash_Raii]

Brother Server crashes whenever try to sign up without giving any username email or pw

[@codewithyousaf]

when server crash check the in terminal the will show you where is the error in server side.

[@madathalanithinreddy4594]

I saw everything is correct still I’m facing error

[@madathalanithinreddy4594]

37:28 here I’m facing error, and authentication is not showing in mongodb , after I tried to keep login option but the page became totally blank 😢 help me please

[@codewithyousaf]

check with code github.com/YousafKhan1/MERN-Stack/tree/main/Signup%2C%20Login%2C%20Reset%20Password%2C%20Email

[@lovindigital]

link repo github sir?

[@DyNaMiCGaMeRz786]

i want the source code pls

[@successfinder8062]

I am getting 404 error for " /login" not defined in index.js I wrote same code, please help me sir ....

[@faisalbaig5941]

spelling mistake hogi dekho dhyan se bhai

[@goitommahtsentu7624]

in the forgot password the email is not sending and it says in alert (Error sending email) most probably Google Authentication is blocking me. do you have any idea how to fix it? thanks

[@17-4-4]

i'm facing this issue. If you have solved it pls let me know.. i'm struggling with that

[@nagasai8478]

Yes I am also facing email sending issue any one can tell me please

[@mayursoni2838]

it will be very helpful if someone can provide me code

[@damilareoladele1309]

Login not working

[@gameofhector]

What is the error?

[@chickendinner120]

can you share the source code ?

[@user-cu5ju2rj6r]

Please uplaod source code .

[@vishalprasad8460]

Source code?

[@PrinceKumar-pb9xk]

Please provide github repo of this project

[@codewithyousaf]

github.com/YousafKhan1/MERN-Stack/tree/main/Signup%2C%20Login%2C%20Reset%20Password%2C%20Email

[@sareh8091]

please provide the git source code !!! It will help too

[@user-tk4jh4cw3x]

sound not so clear bro

[@codewithyousaf]

Sorry 😥

[@saikumar7247]

could u provide github link

[@codewithyousaf]

github.com/YousafKhan1/MERN-Stack/tree/main/Signup%2C%20Login%2C%20Reset%20Password%2C%20Email

[@VivekKumar-qx1dv]

please provied code source

[@Joel-px2yy]

Thanks a lot

[@RatneshKumar-xv3gr]

❤