MERN Auth - Login with Email (JWT) + Google OAuth Authentication | React, Node, Express, MongoDB
Using React, Node.js, Express & MongoDB in previous videos you've learned how to build a Full Stack MERN Project. In this video, we're going to add Authentication! Auth is a complex process, it means allowing users to register and log in. Today, you're going to learn it completely. Email login using JWT, OAuth Google login, and much more. Enjoy!
Build even more comprehensive, modern applications such as an AI-Powered Movie App and an NFT Marketplace application - Check it out now - https://www.jsmastery.pro 🔥
💻JS Mastery Pro - https://jsmastery.pro?discount=youtube
✅ A special YOUTUBE discount code is automatically applied!
🚀Zeet - https://zeet.co/r/JavascriptMastery
Full MERN Series - • Full Stack MERN Project - Build and D...
📚 Materials/References:
GitHub Code (feel free to give it a star ⭐): https://github.com/adrianhajdin/proje...
Styles: https://gist.github.com/adrianhajdin/...
MongoDB Atlas: https://cloud.mongodb.com/
Google Console: https://console.developers.google.com/
Stack Overflow oAuth Fix: https://stackoverflow.com/questions/4...
📧 Join our JavaScript Mastery's Newsletter on Web Development, JavaScript & React to get exclusive programming guides, tips & tricks, and entire e-books: https://resource.jsmastery.pro/newsle... 🔥
⭐Hostinger is my personal recommendation for hosting - https://www.hostinger.com/javascriptm...
Use the code JAVASCRIPTMASTERY to save up to 91% on all yearly hosting plans.
💼 Business Inquiries: [email protected]
🌎 Find Me Here:
Instagram: / javascriptmastery
Patreon: / javascriptmastery
Chapters:
00:00:00 Intro
00:03:52 Layout
00:25:54 Auth Form
00:48:53 Google OAuth
01:16:24 JWT Login
01:26:50 JWT Auth Backend
01:43:36 Auth Middleware
01:56:57 JWT Login Frontend
02:07:55 User Actions
02:21:09 Like, delete & edit
02:27:58 Token Expiry
02:32:09 Deployment
#mern #auth