
MERN Stack Project: Realtime Chat App Tutorial - React.js & Socket.io
Build a Realtime Chat App with MERN Stack. Completely beginner friendly. My 100 Hours Udemy Course: https://www.udemy.com/course/the-web-... Source Code:https://github.com/burakorkmez/fullst... Discord for your questions: / discord Highlights: 🌟 Tech stack: MERN + Socket.io + TailwindCSS + Daisy UI 🎃 Authentication && Authorization with JWT 👾 Real-time messaging with Socket.io 🚀 Online user status 👌 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 00:01:44 - Backend Setup 00:13:46 - Database Setup 00:26:04 - Signup 00:47:38 - Login & Logout & Update Profile 01:12:52 - Message Routes 01:27:40 - Signup & Login Pages 02:16:09 - Profile Page 02:30:23 - Settings Page 02:41:29 - Home Page - Sidebar 02:58:06 - Home Page - Chat Container 03:29:26 - Understanding & Implementing Socket.io 04:15:09 - Detailed Deployment 04:29:22 - Final Tests & bye