Real-time Messages with Socket.IO and React JS - MERN Stack Chat App with Socket.IO #15

#MernStack #socketio #ReactJS

Implement the real time message sending with React JS and Socket IO.
In this MERN Chat App Tutorial series, learn to build an Awesome Full Stack Chat App Project with realtime messaging fuctionality with socket.io . We have one on one chat as well as group chatting functionality in this app.

👉 MERN Chat App Full Playlist -
   • MERN Stack Chat App with Socket.IO Tu...  

👩‍💻 Source Code -
https://github.com/piyush-eon/mern-ch...

⭐ Support the channel by becoming member and learn from me one on one -
   / @roadsidecoder  

🌎 Live Site -
https://talk-a-tive.herokuapp.com/

🔗 MERN Stack Tutorial with Redux -
   • MERN Stack Project Tutorial with Redu...  

🔗 React Beginner's Project Tutorials -
   • React JS Project Tutorials 🔥🔥  

-------------------------------------------------------------------------

00:00 Intro
00:39 What is Socket.io ?
01:47 Socket.io Installation
02:18 Socket.io Server Setup
04:18 Socket.io Client Setup
10:23 Join a Chat
12:18 Realtime Messages
21:07 Realtime Typing Functionality
29:17 Lottie Typing Animation
33:44 Disconnect from Socket.io

-------------------------------------------------------------------------

Special Thanks to our members -
shahin parveen parveen
Vinay Vally CHALADI