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.

[@patricioangulo4143]

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

[@gojovoiceover]

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

[@andreavicari2159]

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

[@alihassanhaji2830]

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

[@TLTechbender]

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

[@alexwaweru19]

This was very helpful, Thank you.

[@victormurcio8845]

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

[@lavkeshprasad7040]

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

[@deltonguivala4888]

You helped me a lottt bro. BIG THANKS.

[@gauravpanta5464]

Thanks brother, you helped me a lot !

[@requiemx6038]

very beneficial thx bro

[@abhijitroy1958]

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

[@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👍

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

[@sabinazeynalova401]

thanks for sharing, this helped me a lot)

[@user-op3ff1gv9e]

Nice vodeo

[@priyankamohanfanboy7]

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

[@ruqayahn.k4645]

thank you 🌹

[@avinashkumargupta8556]

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

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

[@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 ?

[@Joel-px2yy]

Thanks a lot

[@Dev.ayoujil]

Nice

[@abrahamosahon1137]

Thank you

[@pedromanuelcamargomendez6520]

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

[@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?

[@zoki5388]

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

[@supriyachatterjee3183]

yes

[@Roozikhan565]

❤❤❤

[@kommushirisha5075]

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

[@RatneshKumar-xv3gr]

❤

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

[@firefly1887]

does real world mern project look like this?

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

[@madathalanithinreddy4594]

I saw everything is correct still I’m facing error

[@xenon1787]

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

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

[@DyNaMiCGaMeRz786]

i want the source code pls

[@VivekKumar-qx1dv]

please provied code source

[@damilareoladele1309]

Login not working

[@gameofhector]

What is the error?

[@chickendinner120]

can you share the source code ?

[@vishalprasad8460]

Source code?

[@user-cu5ju2rj6r]

Please uplaod source code .

[@user-tk4jh4cw3x]

sound not so clear bro

[@codewithyousaf]

Sorry 😥

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

[@saikumar7247]

could u provide github link

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

[@chikay2023]

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

[@RatneshKumar-xv3gr]

❤