andriajah Wed Jan 2023 1 year ago
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.
If you want to learn next.js from the beginning here is the link:
What is JWT? How REST API Work in Past? MERN Stack Series - 77
https://youtu.be/xETDtAQnFVc
Send Mail with Nodemailer Using Node.js Backend To Gmail
https://youtu.be/lBRnLXwjLw0
NextAuth Course - Complete Authentication with Credentials, Google & GitHub
https://youtu.be/t0Fs0NO78X8
Complete CRUD Operation With Next.js & MongoDB - For Beginners
https://youtu.be/RKDfKbLJkZQ
Next.js Complete Course For Beginners
https://youtu.be/84CvqVTH9Y8
Tailwind CSS Complete Course
https://youtu.be/lZp4salRFFc
How to Make Blog Website with Next.js & Tailwind CSS - For Beginners
https://youtu.be/1T3GF6endl8
Javascript Complete Course
https://youtu.be/LlMCaEK9PLg
You can Follow Along with me using the below Git Repository.
Use "git branch --list" to see all branches.
📂 Source Project
📦https://github.com/akashyap2013/MERN_Login_App_with_ResetEmail.git
⏱️ 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
https://youtube.com/@DailyTuition
Join this channel to get access to the perks:
https://www.youtube.com/channel/UCrG2Z0usOCCdUTAr4D1A8mw/join
👉 Support Me on Patreon 😊:
https://www.patreon.com/dailytuition
🚀 Udemy Courses:
https://www.udemy.com/user/akshay-kashyap-6/
🎅 Playlist :
Complete MERN Series
https://youtube.com/playlist?list=PLynWqC6VC9KMJ7ffdoGM3LjnYlJPK4kiR
⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑
🛠️ Tools I use:
🟠 My Theme: https://www.youtube.com/watch?v=ekHlx6OdSvA
🟠 Font Family: https://fonts.google.com/specimen/Rubik?query=Rubik
⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑
👉 Follow us:
🟠https://www.instagram.com/akki.2013/
More Videos:
💡 Complete Node Course
https://youtu.be/-27HAh8c0YU
▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
💡 React Complete Tutorial
https://youtu.be/jWbzbq2C_RY
▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
💡 Complete Mobile Shopee E-Commerce Website Course - PHP & MySQL
https://youtu.be/KLWA2vCERSQ
▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
💡 Complete Portfolio Website with Bootstrap - HTML/CSS
https://youtu.be/dgKSqz3it50
▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
💡 Create a Shopping Cart Using PHP and Mysql
https://youtu.be/IO5ezsURqyg
▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
💡 Advanced Tic Tac Toe With HTML, CSS & JavaScript - For Beginners [2022]
https://youtu.be/kRQEkTHIEyU
▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
💡 Complete CRUD Operation with PHP MySql Database
https://youtu.be/JZdMXUIMdQw
▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
💡 Birthday Remainder Application with React - For Beginners
https://youtu.be/o2IZaojOz-o
▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
💡 Bootstrap Grid System The Complete Guide - In Action
https://youtu.be/hrKMGFkTKF8
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 Complete MERN Application with React Mongodb Node.js & Express mern stack complete mern stack application login system with mearn create mern app with login sysytem login application with mern stack mern application mern stack app mern tutorial mern app complete react application react app react mern application react application with mern stack mern
andriajah