Web App w/ MERN Stack 3A. Chat - The Chat Component
Adding a Chat component to the web app in which the connected clients will be able to send chat messages to each other.
0:00 Intro
0:54 Step 1 - Creating a Chat link
2:08 Step 2 - Adding socket.io (Backend)
3:53 Step 3 - Adding socket.io-client (Frontend)
5:05 Step 4 - Listing the Connected Sockets (Backend)
6:44 Step 5 - Listing the Connected Sockets (Frontend)
9:01 Step 6 - Chat Component Styling
9:44 Step 7 - Creating the Message object
11:29 Step 8 - Emitting the Message object
Code on GitHub: https://github.com/danielszabo88/mern...
Finished app: https://mernfruits.herokuapp.com/