OTP Verification MERN Project (Hindi)
OTP Verification MERN Project Hindi
You can use this concept to implement in various Projects e.g. Two Factor Authentication, Mobile Number Verification and Transaction Verification etc.
00:00:00 Introduction
00:01:26 Folder Setup
00:02:05 Create Express JS Project (Backend)
00:02:50 Installing Packages
00:05:40 Writing Dev Script
00:06:21 Creating dotenv and Config
00:07:09 Creating Server
00:08:43 Config CORS
00:09:12 Parse JSON Middleware
00:09:44 Creating Controllers and Routes
00:10:27 SendOTP or userLogin Method
00:14:55 MessageBird Verify Documentation
00:22:48 Install MessageBird SDK
00:26:15 Login MessageBird to Access API Key
00:28:40 Create OTP Request Object and Send OTP
00:39:10 VerifyOTP
00:47:25 Create React JS Project (Frontend)
00:48:15 Install Redux Tool and Material UI
00:49:45 Config Redux Toolkit RTK Query
00:56:26 Creating Send OTP UI
01:00:12 Handle Send OTP Form
01:03:50 SendOTP or LoginUser API Request
01:10:00 VerifyOTP API Request
01:11:29 VerifyOTP UI
01:16:20 Handle Verify OTP Form
01:19:10 Test and Bug Fix
01:23:48 Program Logic
Source Code: https://github.com/geekyshow1/OTPVerificationReactJSExpress
Create MessageBird Account: https://youtu.be/HWSsvg1-AIY
Core JavaScript: https://www.youtube.com/playlist?list=PLbGui_ZYuhiiaQjuOfvgx_-gzVBlCxrk0
Advance JavaScript: https://www.youtube.com/playlist?list=PLbGui_ZYuhihZ-pDxNZuQ7xOQ8IS2z3XI
NPM: https://www.youtube.com/watch?v=xD3V3Uf9HPI
React JS: https://www.youtube.com/playlist?list=PLbGui_ZYuhignjLLXTJWkRJKN-SgAqClL
Node Mongo and Express JS: https://www.youtube.com/playlist?list=PLbGui_ZYuhijy1SpwtIS9IwL6OJdbr4kE
Postman Playlist: https://www.youtube.com/playlist?list=PLbGui_ZYuhigvkxzHXRveCnYjZcacTAwq
Check Out Our Other Playlists:
https://www.youtube.com/user/GeekyShow1/playlists
Learn more about subject:
http://www.geekyshows.com/
________________________________________________
If you found this video valuable, give it a like.
If you know someone who needs to see it, share it.
If you have questions ask below in comment section.
Add it to a playlist if you want to watch it later.
________________________________________________
T A L K W I T H M E !
Business Email: contact@geekyshows.com
Website: http://www.geekyshows.com/
_______________________________________________
Make sure you LIKE, SUBSCRIBE, COMMENT, and REQUEST A VIDEO! :)
_______________________________________________