Build a SIMPLE CHAT APP using REACT JS and Socket.IO

Learn how to create a simple and basic chat application with React JS as our user interface, Node Js and Express JS as our backend, and Socket.IO to enable bi-direction communication between the backend and server. This project is one of the great projects to put in your portfolio, so be sure to try attempting it yourself and see how far you can go with it.

Chapter
0:00 Intro
01:31 - Application DEMO
04:25 - Server Configuration
06:51 - Adding Socket.IO
11:26 - Frontend Structure
14:20 - Chat UI Components
33:53 - Login UI Component
39:01 - Connect Socket.IO Client
47:18 - Chat List Component
53:57 - Testing and Clean up

[plazma]

Given that you are a small channel that deserves some love I'm leaving coms on every one of your vids that helped me :D Usually i'd just leave a like. But if that helps yt algorithm. There's something about the way you explain stuff that works great for me, so yeaaah for me I guess.

[zafiroula]

can i ask how can it be that you do not get an error when you have two export defaults in one component? is that even allowed?

[crackonly]

please add the finish project repo.. so we can compare ours to yours so we can figure out what were missing and problem

[yutsacarm]

please position ur screen in the middle of the window when coding
it is hard to follow when u type code at the bottom of the screen

[zukxxxx]

I am responsible to host the developed app, our first project work is completed and in the server repo, there is not the 'app.js' or anything else and only the firebase conf the developers added. what is the idea. cannot I host the app without the server app.js file?

[TheMarchewkaPL]

Please, for the future use a code formatter. The code is haotic and difficult to follow because of the formatting. I would be a good idea to setup the socket connection as a step one and show thaht it really work (connect, disconnect msg etc) before you start with all the stying. Otherwise this was a helpful video.