Collaboard is a low-latency, real-time collaborative platform designed for conflict-free synchronization across drawing, chat, and video calling. Engineered for high-frequency updates, it supports 10+ concurrent users with a measured sub-100ms update latency.
- Event-Driven Synchronization: Built a custom event-sourcing model using Socket.IO to serialize and replay UI state deterministically. This resulted in zero feature-blocking conflicts during concurrent sessions.
- Session Reliability: Architected scalable WebSocket patterns with structured reconnection strategies and exponential back-off. Manual stress testing showed a 40% improvement in session stability under unstable network conditions.
- Latency Optimization: Achieved <100ms round-trip time (RTT) by optimizing the message payload structure and minimizing main-thread blocking during complex canvas renders.
- Media Streaming: Integrated WebRTC for peer-to-peer video calling, offloading media processing from the server to maintain high performance for the signaling layer.
- Client: React.js, Tailwind CSS
- Server: Node.js, Express.js
- Real-Time: Socket.IO (WebSockets), WebRTC (P2P Media)
- State: Redux/Context API for deterministic UI state replay
- Update Latency: <100ms (measured via Socket.IO logs).
- Session Uptime: 40% reduction in dropped connections via intelligent reconnection logic.
- Concurrency: Validated for 10+ simultaneous users drawing on a single canvas.
- Implementation of Redis for horizontal scaling of WebSocket nodes.
- Transitioning to a binary-based protocol (Protocol Buffers) for smaller payload sizes.
- Integration of Canvas-to-Video recording for session exports.
Author: Aniket Gaur | MCA 2025