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 RUclips

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

[@deltonguivala4888]

You helped me a lottt bro. BIG THANKS.

[@gauravpanta5464]

Thanks brother, you helped me a lot !

[@TLTechbender]

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

[@lavkeshprasad7040]

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

[@requiemx6038]

very beneficial thx bro

[@patricioangulo4143]

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

[@victormurcio8845]

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

[@gabrielkingori3375]

wow what a great video, keep up

[@sabinazeynalova401]

thanks for sharing, this 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

[@user-op3ff1gv9e]

Nice vodeo

[@abhijitroy1958]

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

[@Dev.ayoujil]

Nice

[@abrahamosahon1137]

Thank you

[@Joel-px2yy]

Thanks a lot

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

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

[@pedromanuelcamargomendez6520]

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

[@Roozikhan565]

❤❤❤

[@RatneshKumar-xv3gr]

❤

[@madathalanithinreddy4594]

I saw everything is correct still I’m facing error

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

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

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

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

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

[@sareh8091]

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

[@zoki5388]

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

[@supriyachatterjee3183]

yes

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

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

[@chickendinner120]

can you share the source code ?

[@damilareoladele1309]

Login not working

[@gameofhector]

What is the error?

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

[@DyNaMiCGaMeRz786]

i want the source code pls

[@vishalprasad8460]

Source code?

[@user-cu5ju2rj6r]

Please uplaod source code .

[@saikumar7247]

could u provide github link

[@codewithyousaf]

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

[@user-tk4jh4cw3x]

sound not so clear bro

[@codewithyousaf]

Sorry 😥

[@RatneshKumar-xv3gr]

❤