Forgot Password and Reset Password in MERN Stack | MERN Stack Authentication Tutorial

  Рет қаралды 30,100

Code With Yousaf

Code With Yousaf

Күн бұрын

In this comprehensive MERN Stack tutorial, we'll dive into the implementation of "Forgot Password" and "Reset Password" functionality. Building a secure and user-friendly password recovery system is crucial for any web application, and with the MERN (MongoDB, Express.js, React, Node.js) stack, we'll achieve just that.
Complete MERN Stack Authentication and Authorization:
• Complete MERN Stack Au...
How to send Email using Node js Nodemailer:
• How to Send Email Usin...
Source Code of Forgot and Reset Password in React JS and Node JS:
codewithyousaf...
🔐 What you'll learn in this tutorial 🔐
Setting up the MERN Stack project structure
Building the user authentication system with JWT (JSON Web Tokens)
Creating the "Forgot Password" feature:
Generating and sending reset password links via email
Handling the password reset requests securely
Designing a user-friendly "Reset Password" page:
Validating the reset password token
Allowing users to reset their passwords
Securing password reset routes against common attacks (e.g., token expiration, replay attacks)
Bonus: Enhancing security with features like rate limiting and brute force protection
By the end of this tutorial, you'll have a fully functional "Forgot Password" and "Reset Password" implementation in your MERN Stack application, reinforcing your application's security while providing a seamless experience for your users.
👍 If you found this tutorial helpful, please consider giving it a thumbs up and subscribing to the channel for more MERN Stack tutorials and web development content!
🔔 Hit the notification bell to get notified whenever we release new tutorials.
📢 Share this video with your fellow developers who might find it useful.
👉🏼 Have any questions or suggestions for future tutorials? Let us know in the comments below!

Пікірлер: 43
@zancrow_gaming
@zancrow_gaming 11 ай бұрын
God bless sir. I love how you dont hide anything from us and just show us how to to juggle the back and front together
@gg.cip0t
@gg.cip0t Жыл бұрын
please continue this while you have extra time.. your videos are helping me alot in my learning react process and your suggestions are helpful too.
@muneebwaqas400
@muneebwaqas400 10 ай бұрын
So good to see a Pakistani working in tech tutorials .Good work Keep it up @Code With Yousaf
@nilkamalroy5375
@nilkamalroy5375 Ай бұрын
Nice Video and your videos are helpfully.. thanks sir
@rishabh_pant
@rishabh_pant 21 күн бұрын
Great video sir. Is it acceptable to use this or OTP is better
@maicolaviles714
@maicolaviles714 7 ай бұрын
Ey friend, really thanks, i has been learning most with this video
@raouffilali9617
@raouffilali9617 Жыл бұрын
BIG THANKS to you man i really needs it and you explain it very well thank you
@gabrielkingori3375
@gabrielkingori3375 6 ай бұрын
A great video indeed 👍👍
@tharindusandaruwan2295
@tharindusandaruwan2295 Ай бұрын
Thank you so much
@shariquefaridi5716
@shariquefaridi5716 11 ай бұрын
Good explanation bhai❤
@ChiruBillion
@ChiruBillion Жыл бұрын
thank u very much yousaf 💗
@nerfedwukong.7352
@nerfedwukong.7352 10 ай бұрын
sir any alternative for "vite-plugin-rewrite-all"? im not using vite on my project just react.
@MsSoldadoRaso
@MsSoldadoRaso 10 ай бұрын
Do not use this implementation for the following reasons: -It does not check if the user requested the password reset, allowing anyone with the token to change the password even another user's password if you have their id. -The new password is sent in plain text, which could be intercepted. -The user ID and token are visible in the URL, which can be exploited for credential theft. -Email is not validated before generating the token, which could lead to a DoS attack. that code is a great example of how not to do the password reset implementation, don't do this if your web application doesn't want to be bug bounty. :D
@codewithyousaf
@codewithyousaf 10 ай бұрын
Of course for real-life applications, you should consider security but this is for learning purposes to learn how to reset passwords, bro. Thanks for your comment.
@debaroondebroy911
@debaroondebroy911 10 ай бұрын
@@codewithyousaf Savage reply for haters 😆
@DummyTummy5545
@DummyTummy5545 2 ай бұрын
​@@debaroondebroy911 what savage reply? What is use of password reset other than real world implementation? Terrible tutorial
@AlejandroLopez-di9xp
@AlejandroLopez-di9xp 3 ай бұрын
Do you have the Git hub link to better detail the code, I would appreciate it, thank you
@shivamshivamc7738
@shivamshivamc7738 Ай бұрын
Vite-plugin-rewrite-all is for only vite or react both if no than what is the react module name? Please reply
@sharidansari2852
@sharidansari2852 4 ай бұрын
thanks for shearing
@temitopeadebunmi2200
@temitopeadebunmi2200 Жыл бұрын
Bless you sir❤
@user-es3ww3yu9u
@user-es3ww3yu9u Жыл бұрын
hello sir ! i need your help regarding this forgot password project
@user-cm2lb6dw5k
@user-cm2lb6dw5k Жыл бұрын
ha karo ne..
@DevilJ-tc6hy
@DevilJ-tc6hy Жыл бұрын
yes sir help karo na ... please..
@basitali2962
@basitali2962 Жыл бұрын
Thanku u i got bug from your code
@HridoyHazard007
@HridoyHazard007 10 ай бұрын
what bug ?@@basitali2962
@cryptoworld1923
@cryptoworld1923 5 ай бұрын
When i reset password, in console showing err_unexpected_proxy_auth. But in postman working fine
@hpamsc
@hpamsc Ай бұрын
Hi sorry where is the complete code from login, register, forgotpassword and reset password my friend?
@codewithyousaf
@codewithyousaf Ай бұрын
you can find on my channel
@devaviswa7046
@devaviswa7046 7 ай бұрын
Hello yousaf , vite-plugin-rewrite-all is deprecated now , what is the alternate for the 404 error in 16:27
@codewithyousaf
@codewithyousaf 7 ай бұрын
just update vite npm i vite@latest
@deadtome2102
@deadtome2102 4 ай бұрын
@@codewithyousaf Did that. It's still not working :(
@codewithyousaf
@codewithyousaf 4 ай бұрын
@@deadtome2102 which version of vite has been installed in your project.
@HridoyHazard007
@HridoyHazard007 10 ай бұрын
how to do this if i have similar file like this "Controller, Routes, Slice " ?
@NeerajSharma-sk2rs
@NeerajSharma-sk2rs 11 ай бұрын
there is problem with smtp bro please suggest something for solving problem
@madhurchaturvedi5551
@madhurchaturvedi5551 6 ай бұрын
I am making login system where user have to always verify the link in email then he will login can you help to make that system how many time user can login it doesn't matter law user have to verify the link on given send on again and again
@nerfedwukong.7352
@nerfedwukong.7352 10 ай бұрын
you didnt show what to install to use nodemailer
@codewithyousaf
@codewithyousaf 10 ай бұрын
Sorry 🙏 Just we need to install nodemailer npm i nodemailer
@imuv21
@imuv21 6 ай бұрын
getting axios error
@KhanhNguyen-ie6xj
@KhanhNguyen-ie6xj 5 ай бұрын
BRO BUT IF U DEPLOY IT HOW TF U GONNA PUT LOCALHOST LINK FOR RESETING PASSWORD, SIGH
@codewithyousaf
@codewithyousaf 5 ай бұрын
When we host it we don't need localhost we are using our domain.
@godwinjeremiah5414
@godwinjeremiah5414 Жыл бұрын
God go bless your mama
@user-es3ww3yu9u
@user-es3ww3yu9u Жыл бұрын
hello sir??
Now it’s my turn ! 😂🥹 @danilisboom  #tiktok #elsarca
00:20
Elsa Arca
Рет қаралды 12 МЛН
ДОКАЗАЛ ЧТО НЕ КАБЛУК #shorts
00:30
Паша Осадчий
Рет қаралды 933 М.
Setting up a production ready VPS is a lot easier than I thought.
29:50
Why Signals Are Better Than React Hooks
16:30
Web Dev Simplified
Рет қаралды 474 М.
Forgot and Reset Password with React + Node JS
28:13
Koding 101
Рет қаралды 47 М.
All useEffect Mistakes Every Junior React Developer Makes
22:23
Building Node.js Authentication from Scratch
39:09
Piyush Garg
Рет қаралды 152 М.
Difference between cookies, session and tokens
11:53
Valentin Despa
Рет қаралды 625 М.