How pradeep-polishetty/webvideo works
This is a browser-based real-time chat and video-room application. Users can join chat to see who is online and exchange private messages, or join a named room for peer-to-peer video. The React entry point renders both experiences; each uses a shared Socket.IO client to communicate with the Node server, which tracks users and rooms in memory and dispatches events. Video additionally uses browser media capture and PeerJS. Server and UI behavior are based on sampled source; unsampled files are not inferred.
Main entry points: VideoCall.jsx Video rooms · index.js Realtime server · socket.js Socket client · App.jsx App composition
Components 11
React frontend
- App entry
webfrontend/src/main.jsx - App composition
webfrontend/src/App.jsx - Private chat
webfrontend/src/components/Chat.jsx - Video rooms
webfrontend/src/components/VideoCall.jsx - Socket client
webfrontend/src/socket.js
Socket server
- Realtime server
websockets/index.js - Online users
websockets/index.js - Room peers
websockets/index.js
Browser and peer services
- Media capture
- PeerJS calls
Other components
- User
Connections 12
- User → App entry: uses
- App entry → App composition: renders
- App composition → Private chat: renders
- App composition → Video rooms: renders
- Private chat → Socket client: emits and listens
- Video rooms → Socket client: emits and listens
- Socket client → Realtime server: Socket.IO events
- Realtime server → Socket client: dispatches events
- Realtime server → Online users: reads and writes
- Realtime server → Room peers: reads and writes
- Video rooms → Media capture: captures media
- Video rooms → PeerJS calls: creates peer calls