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 Projects
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 UA-cam

[@chikay2023]

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

[@sharryeditz2m956]

Urdu ma banatay to zyda views anay thay adhay se zyda log ap ki video ki language dekh kr bhaag gay Han

[@mayursoni2838]

it will be very helpful if someone can provide me 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 ?

[@lovindigital]

link repo github sir?

[@andreavicari2159]

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

[@victormurcio8845]

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

[@alihassanhaji2830]

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

[@VerdadesOlvidadas]

beautiful tutorial...

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

[@DyNaMiCGaMeRz786]

i want the source code pls

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

[@avinashkumargupta8556]

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

[@mayursoni2838]

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

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

[@suucartoon5427]

tnx so much for this worderfull tutorial😊

[@firefly1887]

does real world mern project look like this?

[@requiemx6038]

very beneficial thx bro

[@abhijitroy1958]

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

[@TLTechbender]

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

[@priyankamohanfanboy7]

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

[@madathalanithinreddy4594]

I saw everything is correct still I’m facing error

[@alexwaweru19]

This was very helpful, Thank you.

[@FaheemKhan-l2q6z]

Nice vodeo

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

[@AbhirajKumar-w8d]

Please uplaod source code .

[@kommushirisha5075]

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

[@xenon1787]

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

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

[@sabinazeynalova401]

thanks for sharing, this helped me a lot)

[@ruqayahn.k4645]

thank you 🌹

[@flash0p]

great tutorial

[@chickendinner120]

can you share the source code ?

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

[@zoki5388]

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

[@supriyachatterjee3183]

yes

[@vishalprasad8460]

Source code?

[@damilareoladele1309]

Login not working

[@gameofhector]

What is the error?

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

[@gabrielkingori3375]

wow what a great video, keep up

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

[@gauravpanta5464]

Thanks brother, you helped me a lot !

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

[@Joel-px2yy]

Thanks a lot

[@RatneshKumar-xv3gr]

❤

[@saikumar7247]

could u provide github link

[@codewithyousaf]

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

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

[@abrahamosahon1137]

Thank you

[@sareh8091]

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

[@CyberDev_Ayoujil]

Nice

[@rashedulalam-g4r]

sound not so clear bro

[@codewithyousaf]

Sorry 😥

[@Roozikhan565]

❤❤❤

[@RatneshKumar-xv3gr]

❤

[@VivekKumar-qx1dv]

please provied code source