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-...
Source code: https://github.com/burakorkmez/mern-c... (Stars appreciated 🌟)
Discord to ask your questions: / discord
Support: https://www.buymeacoffee.com/burakork...
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
Смотрите видео Build and Deploy a Complete Chat App with MERN Stack | JWT, Socket.io, MongoDB | Beginner Friendly онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь As a Programmer 31 Январь 2024, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 532,948 раз и оно понравилось 13 тысяч людям.