Тёмный

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

Code With Yousaf
Подписаться 30 тыс.
Просмотров 30 тыс.
50% 1

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!

Опубликовано:

 

11 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 43   
@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.
@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
@muneebwaqas400
@muneebwaqas400 10 месяцев назад
So good to see a Pakistani working in tech tutorials .Good work Keep it up @Code With Yousaf
@maicolaviles714
@maicolaviles714 7 месяцев назад
Ey friend, really thanks, i has been learning most with this video
@nilkamalroy5375
@nilkamalroy5375 Месяц назад
Nice Video and your videos are helpfully.. thanks sir
@rishabh_pant
@rishabh_pant 23 дня назад
Great video sir. Is it acceptable to use this or OTP is better
@gabrielkingori3375
@gabrielkingori3375 6 месяцев назад
A great video indeed 👍👍
@raouffilali9617
@raouffilali9617 Год назад
BIG THANKS to you man i really needs it and you explain it very well thank you
@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
@shariquefaridi5716
@shariquefaridi5716 11 месяцев назад
Good explanation bhai❤
@tharindusandaruwan2295
@tharindusandaruwan2295 Месяц назад
Thank you so much
@nerfedwukong.7352
@nerfedwukong.7352 10 месяцев назад
sir any alternative for "vite-plugin-rewrite-all"? im not using vite on my project just react.
@ChiruBillion
@ChiruBillion Год назад
thank u very much yousaf 💗
@temitopeadebunmi2200
@temitopeadebunmi2200 Год назад
Bless you sir❤
@AlejandroLopez-di9xp
@AlejandroLopez-di9xp 3 месяца назад
Do you have the Git hub link to better detail the code, I would appreciate it, thank you
@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
@sharidansari2852
@sharidansari2852 5 месяцев назад
thanks for shearing
@shivamshivamc7738
@shivamshivamc7738 2 месяца назад
Vite-plugin-rewrite-all is for only vite or react both if no than what is the react module name? Please reply
@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
@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.
@cryptoworld1923
@cryptoworld1923 5 месяцев назад
When i reset password, in console showing err_unexpected_proxy_auth. But in postman working fine
@NeerajSharma-sk2rs
@NeerajSharma-sk2rs Год назад
there is problem with smtp bro please suggest something for solving problem
@HridoyHazard007
@HridoyHazard007 10 месяцев назад
how to do this if i have similar file like this "Controller, Routes, Slice " ?
@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
@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.
@imuv21
@imuv21 6 месяцев назад
getting axios error
@godwinjeremiah5414
@godwinjeremiah5414 Год назад
God go bless your mama
@user-es3ww3yu9u
@user-es3ww3yu9u Год назад
hello sir??
Далее
ДОМИК ДЛЯ БЕРЕМЕННОЙ БЕЛКИ#cat
00:45
The iPhone 16 Is The Worst iPhone Ever Made
12:12
Просмотров 44 тыс.
Forgot and Reset Password with React + Node JS
28:13
Просмотров 47 тыс.