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!

📚 Materials/References:
GitHub Code (feel free to give it a star ⭐): https://github.com/adrianhajdin/project_mern_memories
Styles: https://gist.github.com/adrianhajdin/cc90da3990871d509ccbd9068da5a636
MongoDB Atlas: https://cloud.mongodb.com/
Google Console: https://console.developers.google.com/
Stack Overflow oAuth Fix: https://stackoverflow.com/questions/43964539/google-api-not-a-valid-origin-for-the-client-url-has-not-been-whitelisted-for

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

#mongodb #react #express #node #jwt