How it works

Pick a tab and press Play. Each step lights up the nodes involved and narrates what moves: signing up and logging in on JWT, sending and accepting a connection request, a chat message travelling the socket channel with receipts and typing, a post going up with its image, and a notification stored then pushed live.

Sources: frontend/src/services/userService.js, frontend/src/services/connectionService.js, frontend/src/services/socketService.js, backend/utils/socket.js, backend/controllers/notificationController.js (documented at commit cdef8af)