Realtime Chat With Users & Rooms - Socket.io, Node & Express

In this project we will build a chat app using Node, express & websockets in under 60 minutes

Code:

💖 Become a Patron: Show support & get perks!

Website & Udemy Course Links:

Follow Traversy Media:

[tinymooshmallow]

This video is VERY underrated. Not only does Brad show you the code, he explains everything and even does some debugging. I know this comment came 3 years late.

+1 like

[sazzadanwar]

Thanks, Brad! Your tutorial helped me to develop the skills of web development in a faster way and at last, I got a job from a company before being a graduate. Again Thanks a lot! You are the tutor of professional life for many students like us.

[workingTchr]

Thanks for a great tutorial. The "rooms" stuff which is what I really needed starts at 34:20. One quip (but it applies to all coding videos I've seen) is that I'd like to see a totally bare-bones explanation first and then, in a series of steps, build on that up to the final end product like was made here. That would help me separate the essential from the incidental, but other than that, this was a super useful and well thought out presentation of a difficult subject.

[danielgn]

Our web development teacher did something like this. He opened the chat to the whole class so we could try it and I thought 'mmm I wonder if he's sanitizing HTML before broadcasting the messages', so I tried to send an H1 and... it worked. Not two minutes after the whole class was sending pictures (what kind I'll leave to your imagination), changing the CSS and even crashing the app. One of the funniest days in the course, for sure.

[Kngdmio]

Brad: “Hello John”

*John has left the chat..

John wanted none of that 😂

[cosminsmokyn]

Hi Brad, I am curently on the MERN stack, will finish it later today and I can't wait to build with you this chat app :D, Thank you again for your work!

[syntaxed]

Ayyyy, I'm building a messaging app right now with the principles from your MERN course, and what do I see this morning? You put out a sockets video. Legend.

[codu]

Oooh refreshing some of my Node skills at the moment so this is perfect timing! Looking forward to it, keep up the awesome work Brad 💜

[aymanjaber]

Spent about half an hour debugging it, turns out I had a "user", instead of "users". Great video thanks.

[kokoqui]

Amazingly well done tutorial! This was my first experience with web sockets and I had no issues understanding the process. I am excited to add more features. Thank you!

[maxmnd]

I'm sorry, but at 6:18 a mistake was made: PORT never will be equal process.env.PORT.
Most likely Brad wanted to write the following:

const PORT = process.env.PORT || 3000;

[KahlilAshanti]

this is the only channel where I feel compelled to like the video before I've even watched it. keep up the great work

[smsibasish]

Cool. I will try to implement it in React and add to your DevConnector MERN stack course.

[MeAsMeButMe]

Brad you're honestly such a gift to the developer community! Your content has helped me more than anything else! Have the greatest 2021 and stay safe!

[dean]

Thank you Brad! You're the man as always. Keep your head up and I'm looking forward to talking to you more on patreon.

[moritzw]

Hey Brad, you're awesome. I think you have a great positive impact on society with the free content you put out!  It's also cool to see more backend tutorials like this coming.
*Now* *to* *my* *Question* :
In one of your last videos, you mentioned that you're planning to go a little more into *coding* *challenges* . I am currently looking to learn about Algorithms and Data structure but *in* *a* *practical* *and* *project-based* *way* .
This could be something like cloning a repo on building a small example dataset/project to then implement some sorting algorithm or and learn how to make use of different algorithms and optimizations.
I was wondering if you can recommend any *resources* in that realm or produce some content like this. I would be happy to help you to produce such content. Perhaps there is an open-source-way we can all collaborate on this.
Cheers Mortiz ✌🏼

[pablomotta___]

I can't wait to go through this tutorial. Thanks, Brad!


Government: "Coronavirus is out and ya'll gotta stay home and find something to do"

Brad: " Ooo, I'm gonna teach people how to create a chat room so they can hang out online... 😁"

[TraversyMedia]

Hope everyone is staying safe and trying not to go nuts :) Here is a little project to keep you busy for a little bit and take your mind off of everything

Also should be:
const PORT = process.env.PORT || 3000;

[jpg]

Who could possibly downvote this. Thank you Brad!

[DuyTran-sslu]

Oh god! My man Brad can read my mind or what? I just started to build a Chat app with Socket.io and Express yesterday.