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

[@bm9code]

"keep striving for Progress over Perfection, little progress every day will go a very long way"❤ well said Dave

[@MikeBourbeau]

Great tutorial, just a minor suggestion for future tutorials to help noobs: Could you check the code in the live browser every once in a while? It's helpful to understand what's going on in the browsers while coding is in progress. Errors that pop up or weird prints to console can be demystified if they happen on your end and you say, "this is expected and here's why things look broken or seem off until they're hooked up." Seeing things get hooked up as you go helps to connect the code to the result and reinforce the concepts (for me at least). For example, I'm 38 minutes in, but my chat room is printing out "[object Object]" instead of any of the actual string statements. I'm sure something will be hooked up later on or I missed a step and need to backtrack, but not knowing if I'm on track or off can be distracting.

[@yakanashe]

Hey, i followed this tutorial fully but found some key things that needed to be changed, one thing with an easy fix is making the ADMIN string LONGER then your allowed name length, this ensures a user can't send admin messages (or make a blocked names list, would be more of a hassle...), also (and i dont know how to fix it) when starting up the app, you can't see any active rooms, only when the roomList gets called is when you get rooms, yeah that's it, good series 👍

[@coderboysobuj]

When ever watch your videos I feel like I am watching Brad's videos. You both are great teacher for my webdev journey

[@hungnguyencanh5089]

Thank you 🎉, i hope you will make it with NextJS version ❤

[@rsgbooktvmoviereviews]

It was a lot of information, but I took a lot of notes even though you gave us class files. Enjoyed it! Tks Dave.

[@Fragler01]

I would really appreciate a follow-up video covering how to register / login and create sessions for the users, since the session id is always regenerated when the user refreshes the page.

[@tejasvix]

Well I coded a realtime code editor with chatroom like concept an year ago glad to see this tutorial, keep up the work Dave

[@segovia102]

Great tutorial. Legend has it Steve is still in the pizza room all alone. 😪

[@7doors847]

Amazing Dave! You never fail to deliver amazing content! 🤘🎸

[@pgrAbhilash]

Thanks Dave for this beautiful playlist.👌👌

[@tetyanagon3342]

TY, DAVE! Great content! Hope see you soon again.

[@darrell2150beta]

I would like to see this project go to the next step and allow for sending graphics such as emojis or individual pictures

[@karma5717]

Amazing tutorial, I wish if you you could create a new playlist for this using React or Next JS in the Frontend and maybe add some reaction feature like when a user clicks a button that says "Aha!" 3 times then the app will show "Aha! clicked 3 times in less than a minutes"

[@saturdaysonata]

Excellent series! How does this translate to a support chat? Lets say I want to build a chat app for an IT helpdesk team, how would that work with regard to creating a queue and letting agents pickup the queue as it comes in etc - would be a great tutorial. Also adding some sort of authentication and logging the chat data to a SQL database would also be fantastic to see.

[@Soft_menu]

i downloaded the source code all i can say is its awesome.Thank you so much for doing this.

[@iamprincemuel]

Hi Dave. Awesome work as always. I'd like to make a suggestion. In this video, where you have the show users function, at 52:00, the Intl List Format class in JavaScript can handle the insertion of commas in the user name list. All you have to do is pass it the array of usernames.

[@randith87]

Can you do it using 2 different computers, as long as it's on the same network? That way you could chat with someone in your house?

[@stevereid636]

This is a great series! 👍🏾 Will you be adding an episode explaining how to incorporate Redis in a chat app?

[@DaveGrayTeachesCode]

Not right now. Maybe in the future though.

[@udaramanula915]

Please make a video of chat app with a database .. React +Nodejs + Socket io + mongoDB

[@MOJICA7257]

Thanks Dave! Cheers 🎉🎉🎉

[@shineLouisShine]

Really cool, clean, and enriching! Thanks a lot :) For future tutorials which also include so many functions and inner tasks, if it will be possible to divide the code into sections by a simple comment such as: "---------------------------------", maybe even with a description - that will be super helpful. For example, my code seems to work and it was really hard to track a type of close brackets in the wrong position. But a great project nonetheless which really leaves some desire for more.. (Such as a return (to lobby) button, lobby of chats, geo-location service, and more..)

[@shineLouisShine]

p.s. Wow, converting this client into a React jsx component is quite challenging. Haven't thought of it during this fasinating series and this might be a suggestion for a great tutorial as well..

[@cana_369]

can you make next video to store this chat app data to mongoDB pls

[@TheFogSellers]

Good content! How many lectures Building a Chat App course/playlist expected to have? Is this the last one?

[@DaveGrayTeachesCode]

Yes this is the last for now. I may do another series with a different tech stack in the future.

[@TheFogSellers]

I've been working almost exclusively with the PERN stack + AWS for the past 2-3 years, and your videos have been invaluable. They're so well-crafted that I find myself watching them, even when the topic isn't directly relevant to my immediate needs. @@DaveGrayTeachesCode

[@TravinskiyVladislav]

Thank you Dave

[@samadabbas4628]

Hi I had a question. If there are three people in the chat room and 2 people are typing at the same time will it show both of their names as typing?

[@Rezzzero]

Thx for this lessons

[@Kang_3]

Nextjs with web socket project pls sir❤

[@priscilafry7582]

Thank you

[@lilmoss16]

No database ?😢

[@chetankumar9463]

Hello sir, I was waiting for the last video, now i will start this series. I have some questions: 1. If i use react in this project for frontend then is deployment process remain same as you have done in previous technotes app series or is there any change. 2. I want a suggestion. Currently i have done React, Node and Mongodb with some projects. Now i want to learn Redux for state management, React testing and Typescript. So between testing, redux and typescript which should i learn first. Thank you so much for this series.

[@rahu1gg]

go with redux, typescript and then testing

[@chetankumar9463]

@@rahu1gg thanks 🙏

[@HuynhLuong227]

Wow amazing 🎉🎉🎉

[@SheikhAbdullah-vv5ek]

which theme are you using in vs code

[@xppaicyber3823]

Thanks sir

[@rahuljaiswal7935]

hey can anyone help me I have deployed it on vercel but it is not running. It is only showing the front end part else nothing is working

[@kerrykreiter445]

Excellent tutorial! Thanks much!! I’m wondering two things….first, can anyone recommend a host with a free tier (like heroku😢), and second, would it be difficult to set up as game lobby and to start a game from a room (like Kali back in the day). Thanks again for this awesome content!!

[@chetankumar9463]

Render has a free tier. Only problem with render free tier is that your app will go to sleep if remain inactive for 15 minutes. But it is not a big issue, app will be again live when you will search it.

[@VinayakSoni98]

lets code together sir. ❤

[@krisify]

Extend it with webrtc please.

[@DaveGrayTeachesCode]

That might be good for a video conferencing project / series.

[@RahulDas-xf9wh]

Can anyone tell where it is maintaining its database

[@govindamishra3746]

I found his tutorial useless tbh , No react, Non existent Express, No DB,No routes,No comtrollers

[@kenzo3477]

Where's the discord link😢?

[@DaveGrayTeachesCode]

In the video description.