Real Time Chat App with Users, Rooms | Node.js, Express, Socket.io
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