NodeJS Realtime Chat: Build a FULL-STACK app in 27 Minutes! (Best UI 🤩)

Your app will support group chats, 1-on-1 chats, realtime messaging, image and file support, read receipts and more!

Like and leave a comment for any questions and/or requests!

[rubenbdrummer]

Working on this video currently. for anyone that gets stuck around 12:20, make sure to import axios on terminal : npm install axios.
afterwards, at the top of the index.js file, it should be :
const express = require("express");
const cors = require("cors");
const axios = require('axios');

worked for me, hopefully it works for you.

[jkthmp]

Absolutely superb, I just left a noob trying to paywall everything. I learned a lot from your teaching style, PURE content, no BS, such a time saver, thank you so much !

Such a time saver, and such professional delivery thank you, learned a lot from you today .

[mubasshirrahaman]

Bro really really like your style of videos. It's short, straight, to the point. You are the best. But please Upload regularly and do some full-stack killer projects.

[HossanMonjorul]

Surely i seen many video but this UI is increadible you're a good developper Bro

[manavdixit]

Thanks for such a nice tutorial in which you created this from scratch without using any lib like chat engine, you're the best dev i have ever known, i really appreciate how u used web sockets to set up real time communication from scratch instead of using any lib.

[marinicamashinica]

Thank you for this very detailed, step-by-step tutorial, with great explanations following every single action.

For me, what makes this video great is your style of teaching/explaining. Apart from amazing structuring of this very complexed lesson, I really appreciate calming, easy-going and slower-paced narrating with lots of short pauses in between sentences; it makes this tutorial easier to follow and to (for anyone who does that) take notes while watching.

Also, I really admire the way you manage to explain every single step in very concise, clear, straight-forward manner (which leaves no room for vagueness, confusion, unclear definitions, over-explaining and other problems that usually result in loss of interest or frustration on the learner's side), what is a huge accomplishment, given the complexity and immensity of the task!

Anyways, as an educator myself, I wanted to share how delighted I am with your tutorial, it is exactly the project I'm trying to make and you've helped me a great deal, thank you so much for your effort and willingness to share this very specific and valuable knowledge!
(Apologies if something I said doesn't make sense, english is not my first language, but still I understood all concepts you explained here!)

If you don't mind me asking, I would like to know how long have you been programming and where did you get your education? And what is your area of expertise, if you want to share that information, do you prefer getting to know "all of it", going full-stack, or specialising in one particular direction?

Thank you again for your time and effort, have a great day and wish you much luck and success in the future!

[sinalisuvinya]

Great video!!! Just what I needed… Thank you very much! Keep up the good work

[FailingProject]

It's good, how you already have css code and some boilerplate code somewhere. This is one of the neat videos i'v seen. Subscribed.

[paschalasobirionwu]

this is honestly great. keep up the good work

[OnFight]

I needed exactly this for my Computer Engineering Full Web Development Class, the final project was to build a simpler version of a Social Media website, with Login/Profiles/Chats/Groups, me and the group went through hell to get it working this was roughly 1.5 years ago, we eventually did it, but it was so rough I barely had any learning time, we were just hammering left and right going through 8hour walkthroughs, doing stuff by trial and error and backtracking when it didn't work to meet deadlines.

I will definitely have to go through this and hopefully learn something this time around without any School pressure.

[thinkandlearn]

Awesome as usual. thanks a lot. waiting for more such incredible videos

[syedzulkharnain]

That's Great there is Step by Step Tutorial too. videos take too much time but step by step tutorial it easy and not take too much time we can understand easily with the help step by step tutorials. Thank You For the this option.

[brianpan]

Superb video! This is by far the most user-friendly tutorial for custom chat apps on the internet. However, there seems to be an issue when I try to access the app (running on a localhost port) with a localhost tunnel. Please refer to the issue in the provided Github repository. Appreciate it!

[adewaleagboahan]

Woww i really enjoy this man you're soo amazing🥰

[odessasingh]

Project built after a whole day of crying. Thank you so much looking forward to the next bit putting it live

[epbpgyv]

Excellent content. As a fellow software engineer, I've found it hard to embed the concept of React into my current development style.

I appreciate you explaining everything step by step, and you have done a remarkable job with this video. Looking forward to watching the follow ups.

[Ivansillo]

Thanks to this video I could finish my proyect! Thanks, thanks, thanks!!!

[algorif]

amazing video and clear instructions, only thing bumming me out is the lack of options to customize the chat ui such as changing background colors

[meetverma]

You gained a sub this tutorial is just a wow!

[allsparky]

Thank you for the amazing guide! I'm going to comment this to help anybody in the future who runs into my issue: I got to 12:00 and kept experiencing an issue, one where I was not able to add my second user. as it turns out, I closed my laptop and the live server turned off which is required! Y'all take care!