CodeX
Real-time collaborative IDE with Monaco Editor, live code sync, team presence, WebRTC audio/video calls, and Gemini AI-powered code reviews in shared rooms.
< 45ms
Sync Latency
< 120ms
Audio Latency
500+ rooms
Concurrency
Project Overview
CodeX is a high-performance browser-based cloud IDE designed for remote developer pairs and technical interviews. It allows real-time operational transformation code synchronization, interactive terminal output, and instant AI code review.
System Architecture & Design
Event-driven Node.js backend using Socket.IO for room state broadcast, WebRTC Mesh network for low-latency peer-to-peer audio/video streaming, and Monaco Editor frontend binding.
Key Engineering Features
- Sub-50ms Collaborative Operational Code Editing
- Peer-to-Peer WebRTC Audio/Video Streaming
- Instant Gemini AI Automated Code Audit & Fixes
- Isolated Docker Container Code Execution
Engineering Challenge
Managing race conditions and document divergence during concurrent multi-cursor code edits across fluctuating network conditions.
Technical Solution
Implemented operational transformation algorithms combined with sequence vector clocks, ensuring deterministic conflict resolution.
API Design
Socket.IO event streams combined with REST endpoints for room initialization and user authentication.
Cloud & Deployment
Vercel frontend deployment with Node.js microservices hosted on Docker container clusters.