MERN Stack Project: Realtime Chat App Tutorial - React.js & Socket.io
Build a Realtime Chat App with MERN Stack. Completely beginner friendly.
Code: https://github.com/burakorkmez/fullst... (⭐️ Stars appreciated )
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