Complete MERN App (OTP Verification, JWT Token, Authentication, Reset Password)

Complete MERN App (OTP Verification, JWT Token, Authentication, Reset Password)
Hey, everyone welcome back to daily tuition. In this project we are going to create complete MERN Stack application
You are going to learn...

*Login, Registration*
*Profile Update*
*Reset Password with Email Verification*
*JWT Token*
and much more..

So, this is going to be amazing journey, You can download this project and follow along with me from any section of this video.

What is JWT? How REST API Work in Past? MERN Stack Series - 77

NextAuth Course - Complete Authentication with Credentials, Google & GitHub

Tailwind CSS Complete Course

Javascript Complete Course

You can Follow Along with me using the below Git Repository.
Use "git branch --list" to see all branches.

📂 Source Project

⏱️ Timestamps ⏱️
00:00 - Introduction
03:03 - Setup Project
12:25 - Create Routes
20:00 - Login UI
35:12 - Formik
43:23 - Reset UI
57:00 - Register Component
01:11:23 - Profile UI
01:18:54 - Setup Backend
01:24:41 - MongoDB Connection
01:28:55 - Endpoints
01:42:06 - /register
01:56:43 - /login
02:09:35 - /getUser
02:15:50 - /updateUser
02:21:22 - Auth Middleware
02:30:26 - Generate OTP
02:42:12 - /resetPassword
02:50:19 - Send Mail
03:02:28 - axios
03:28:56 - Zustand Store
03:41:10 - Custom Hooks
03:54:01 - Register
03:59:18 - Password
04:04:12 - Profile Update
04:18:23 - Protect Routes
04:24:30 - Password Recovery
04:37:46 - Verify OTP
04:41:15 - Reset Password
04:52:40 - MongoDB ATLAS Connection
⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑

Subscribe To

Join this channel to get access to the perks:

👉 Support Me on Patreon 😊:

🚀 Udemy Courses:

🎅 Playlist :
Complete MERN Series
⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑

🛠️ Tools I use:
⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑

👉 Follow us:

More Videos:

💡 Complete Node Course
▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
💡 React Complete Tutorial
▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
💡 Complete Mobile Shopee E-Commerce Website Course - PHP & MySQL
▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
💡 Complete Portfolio Website with Bootstrap - HTML/CSS
▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
💡 Create a Shopping Cart Using PHP and Mysql
▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
💡 Advanced Tic Tac Toe With HTML, CSS & JavaScript - For Beginners [2022]
▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
💡 Complete CRUD Operation with PHP MySql Database
▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
💡 Birthday Remainder Application with React - For Beginners
▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
💡 Bootstrap Grid System The Complete Guide - In Action

Like this video If you find anything useful. Share with your friends that is all for now I will see you In the next one.

Thank You...! 🙏

⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑

Tags: #mernstack #react #database #backend

[invinciblevikas]

the way you create routes is new for me . great learning

[Chandraprakash-kxic]

For those getting error at 1:56:16 -> findOne in mongoose no longer accepts a callback function (see at 1:49:00 ). Convert this into a promise and Your code will work fine. My code is as follows:
const existUsername = new Promise((resolve, reject) => {
UserModel.findOne({ username }).then((err, user) => {
if(err) reject(new Error(err))
if(user) reject({ error: "Please use unique username"});

resolve();
}).catch(err => reject({error: "exist username findone error"}));
});

[xoxo]

This channel is doing amazing work!!... I just loved your tutorials... please don't stop!!

[kevinhan]

If you suffer the 500 internal sever error, check the version of your mongoose. Please downgrade to version 6.

[Adrian-mugg]

nice, would u do the exact same tutorial on nextJs with typescript? i was learning NextJS but reset password/OTP part was always a missing piece on any other tutorial out there~

[golden_designs]

I just love your videos. They are very easy to follow.
Thank you for all the knowledge you've been sharing on your channel

[avinashmurmu]

Hey Daily Tution, came after a long time. And was going thorugh your youtube channel and DAMMMNNNN bro!!!! AMAZING💯🔥❤ content, no doubt. But I was smiling at the same time cause, you have done some really cool stuff - Best of All the World! 😂 nice.
Tutorial Structure like Net Ninja.
Thumbnail Design like Fireship.
And Delivering Content like Mosh Programming.

Dammnnnn🤣 Best of ALL the Worlds. I have no offence, just saying it's very much noticable 😂.

[fitvibeindia]

I watch this video completely & I learned a Lot thank you brother...

[appstuff]

@4:02:00 ish when you are done with Password.js, and if you reload/refresh the page, it is because your zustand store is emply, so dont worry about it. He addresses this in @4:07:30 ish when the same thing happens in ProfileSettings realoading/refreshing the page. NOT AN ISSUE! He has solved it in around @4:11:20 ish by getting user from the token itself..

[viralworld]

Thanks bro! such an amazing project You've done

[codewithahk]

Alot of new changes course seems to be outdated hmmm but can give you the basic idea of what to done follow up the react documentation

[appstuff]

@2:28:20 in line 187 if(id), you need to change to if(userId) .

[ProudShetty]

hello sir can you tell me what are the components I need to make changes to add role based authentication l. And what changes to make in database

[uminhtetoo]

Thank you so much for sharing your knowledge, Sir.

[mdfajlerabby]

@1:56:00 Request route facing 500 error. I downgrade after facing the error to mongoose 6.8, 6.11.1, 6.00. Not any version is working. I am totally stuck! Couldnt find any solution from anywhere. I used vite instead of create react app because of custom tailwind uses. What can I do for it? Does anybody guide me?

@DAILY

[ashutoshagrawal]

1:56:01 Post request is giving 500 internal server error pls help

[rjbergeriii]

AMazing COntent ... I agree you should be proud and please dont stop the great work

[appstuff]

@3:02:00 when testing mail in thunderclient, make sure to register the user first..

[scoulaLK]

Thank you so much for this video. Great explanation

[sanjaykanth]

How you remember class names of that tailwind... is there any tips please share us : )