Build and Deploy a Complete Chat App with MERN Stack | JWT, Socket.io, MongoDB | Beginner Friendly

Build and Deploy a Complete Chat App with MERN Stack | JWT, Socket.io, MongoDB | Beginner Friendly

552.320 Lượt nghe
Build and Deploy a Complete Chat App with MERN Stack | JWT, Socket.io, MongoDB | Beginner Friendly
Build a Realtime Chat App with MERN Stack. Completely beginner friendly. My 100 HOURS Udemy Course: https://www.udemy.com/course/the-web-dev-bootcamp/?referralCode=813BDEAF8C4F27ED6E74 Source code: https://github.com/burakorkmez/mern-chat-app (Stars appreciated 🌟) Discord to ask your questions: https://discord.gg/YFn2WyheZV Support: https://www.buymeacoffee.com/burakorkmezz Some Features of This App: 🌟 Tech stack: MERN + Socket.io + TailwindCSS + Daisy UI 🎃 Authentication && Authorization with JWT 👾 Real-time messaging with Socket.io 🚀 Online user status (Socket.io and React Context) 👌 Global state management with Zustand 🐞 Error handling both on the server and on the client ⭐ At the end Deployment like a pro for FREE! ⏳ And much more! Timestamps: 00:00:00 - Demo App 00:02:18 - Project Setup 00:12:20 - Auth Routes Setup 00:23:20 - MongoDB Setup 00:28:30 - Create User Model 00:32:20 - Sign Up Endpoint 00:45:00 - Generate JWT 00:52:50 - Login Endpoint 00:56:50 - Logout Endpoint 00:58:50 - Create Message Model 01:03:10 - Create Conversation Model 01:06:15 - Send Message Endpoint 01:10:11 - Protect Route Middleware 01:25:10 - Get Messages Endpoint 01:31:20 - Get Users for Sidebar Endpoint 01:38:19 - UI Design 02:27:50 - SignUp Functionality 02:50:00 - Create AuthContext 02:59:00 - Logout Functionality 03:03:20 - Login Functionality 03:11:50 - Get Conversations 03:29:00 - Send Message Functionality 03:35:30 - Get Messages 03:54:00 - Search Conversation 03:58:20 - Implementing Socket.io 04:25:22 - Finally Deployment! Thanks for watching. #reactjs #javascript