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
Смотрите видео MERN Stack Project: Realtime Chat App Tutorial - React.js & Socket.io онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь As a Programmer 19 Ноябрь 2024, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 3,679 раз и оно понравилось 413 людям.