How harshrai2910/real-time-chat-system works
This is a small real-time group chat: a participant enters a nickname, joins the shared room, exchanges messages, and sees typing indicators. The React app owns the interaction and message display; a Socket.IO client connects it to the server, which joins sockets to a room and broadcasts chat events. The sampled files support this event flow; no persistent message store is shown.
Main entry points: App.jsx Chat interface · app.js Socket.IO server · WS.js Socket connector
Components 5
Chat client
- Chat interface
client/src/App.jsx - Socket connector
client/src/WS.js
Realtime service
- Socket.IO server
server/app.js - Group room
server/app.js
Other components
- Participant
Connections 6
- Participant → Chat interface: joins and chats
client/src/App.jsx - Chat interface → Socket connector: connects through
client/src/App.jsx - Socket connector → Socket.IO server: opens connection
client/src/WS.js - Chat interface → Socket.IO server: emits chat events
client/src/App.jsx - Socket.IO server → Group room: joins and broadcasts
server/app.js - Socket.IO server → Chat interface: broadcasts room events
server/app.js