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/fullstack-chat-app
Discord for your questions: https://discord.gg/yEyKQWYugG
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