MENU

Fun & Interesting

Real Time Chat App with Users, Rooms | Node.js, Express, Socket.io

Dave Gray 50,681 1 year ago
Video Not Working? Fix It Now

Web Dev Roadmap for Beginners (Free!): https://bit.ly/DaveGrayWebDevRoadmap How to build a Real Time Chat App with Users, Rooms | Node.js, Express, Socket.io. In this 5th video of the Chat App series, we will learn about Socket.io chat rooms and apply what we have learned to build a complete real time chat application. 💖 Support me on Patreon ➜ https://patreon.com/davegray ⭐ Become a full-stack web dev with Zero To Mastery Courses: - Complete Next.js Developer: https://bit.ly/CompNextJSDev - Advanced React: https://bit.ly/AdvReactDev - Junior to Senior Dev Roadmap: https://bit.ly/WebDevRoadmap-JrtoSr 🚩 Subscribe ➜ https://bit.ly/3nGHmNn 📬 Course Updates ➜ https://courses.davegray.codes/ ❓ Questions - Please post them to my Discord ➜ https://discord.gg/neKghyefqh ☕ Buy Me A Coffee ➜ https://www.buymeacoffee.com/davegray 👇 Follow Me On Social Media: GitHub: https://github.com/gitdagray Twitter: https://twitter.com/yesdavidgray LinkedIn: https://www.linkedin.com/in/davidagray/ 🔗 Source Code: https://github.com/gitdagray/build-chat-app 🔗 Playlist for this Building a Chat App Course: https://www.youtube.com/playlist?list=PL0Zuz27SZ-6NOkbTDxKi7grs_oxJhLu07 Build a Real Time Chat App with Users & Rooms (00:00) Intro (00:10) Welcome (00:31) Lesson Goals & Project Overview (02:07) Starter Code (02:38) HTML (07:23) CSS (08:00) Client-side JavaScript - Part 1 (15:18) Node.js Socket.io server (40:51) Client-side JavaScript - Part 2 (55:59) Recommended Additional Features (57:20) Deploying the Chat App (59:28) Wrap-up 📚 Tutorial References: 🔗 Node.js Official Site: https://nodejs.org 🔗 MDN WebSockets: https://developer.mozilla.org/en-US/docs/Glossary/WebSockets 🔗 Socket.io Official Site: https://socket.io/ 🔗 Express Official Site: https://expressjs.com/ ⚙ Dependencies: 🔗 Socket.io: https://www.npmjs.com/package/socket.io 🔗 Socket.io Client library: https://cdnjs.com/libraries/socket.io 🔗 Express: https://www.npmjs.com/package/express Was this tutorial providing a real time chat app helpful? If so, please share. Let me know your thoughts in the comments. #realtime #chat #app

Comment