In this video we are going to discuss about how can you make a login system without the use of password. Instead we will use sms based otp login system using Twilio SMS API and many more such things

🚀 Essential Links :

1. Twilio account registration (affiliate link) : https://twilio.com/referral/0a87YT
2. GitHub Repo : https://github.com/MeRahulAhire/React-Node-Passwordless-Auth
3. SMS OTP verification without using a database : https://blog.anam.co/otp-verification-without-using-a-database

📑 References:

1. Twilio and Node - Send Your First Text Message (James Q Quick) : https://www.youtu.be/26X0rVLo6gc
2. Using HttpOnly cookies in React & Node | Storing JWT Tokens or SessionID Securely (Rahul Ahire) : https://youtu.be/a5Krfkfl9MM
3. JWT Authentication using Refresh, Access Tokens - NodeJS (Mano Sriram) : https://youtu.be/h7oVLne3J8Y
4. JWT Authentication Tutorial - Node.js (Web Dev Simplified) : https://youtu.be/mbsmsi7l3r4
5. Multi Step Form With React & Material UI (Traversy Media) : https://youtu.be/zT62eVxShsY

The whole journey of making facemash: https://www.youtube.com/playlist?list=PL83X-jRLQqGGTDlCmLLzgnLpMY3xo1Nj8

Checkout the other videos of DevTalks: https://www.youtube.com/playlist?list=PL83X-jRLQqGGOXn5eJU_JJTlXUyC3gXQB

If you have any suggestions, Queries or any though just leave it in comment and I’ll be happy to get back to you
#PasswordlessLogin #Twilio #MiniFullstackProject

⌚ Topics Covered :
0:00 - Intro and Demo of this project
2:15 - Understanding the Intuition
9:40 - Getting started and installing packages
12:15 - Gathering Twilio Credentials
15:15 - Setting up .env
19:20 - Initialising packages
24:00 - sendOTP Route
32:15 - Trying to send OTP in Postman
34:30 - verifyOTP Route
43:40 - JWT Tokens and sending them via HttpOnly Cookie
49:43 - Testing JWT Token in Postman
52:10 - JWT accessToken middleware
56:50 - Refresh Route for refreshing JWT Token
1:04:57 - Logout Route
1:08:36 - Client Side and Installing Axios
1:10:20 - Setting up CORS
1:12:00 - Making step form and state management
1:28:05 - Making request from Axios
1:31:18 - Getting Hash and storing it in state
1:31:49 - Verifying OTP
1:37:12 - Getting HttpOnly cookie in Browser
1:38:45 - Checking if we are logged in
1:49:20 - Implementing Logout
1:52:28 - Ending words… Like, Share and Subscribe

FIND ME HERE:
Facebook: https://facebook.com/MeRahulAhire
Instagram: https://instagram.com/merahulahire
Twitter: https://twitter.com/MeRahulAhire
LinkedIn: https://linkedin.com/in/merahulahire

#nodejs #passwordlesslogin #minifullstackproject #twilio #react #jwt token