Web Application

CodeSync — Collaborative Realtime Code Editor

ReactMonaco EditorYjsWebSocketsDockerNode.js

Role

Systems Architect & Developer

Technologies

ReactMonaco EditorYjsWebSocketsDockerNode.js

Links

Source Code

Overview

A Google Docs-style collaborative IDE allowing multiple developers to code together simultaneously.

The Challenge

Resolving concurrent text editing conflicts without dropping user keystrokes or introducing merge collision locks.

System Architecture

The Solution

Conflict-Free Replicated Data Types (CRDTs): Implemented Yjs over WebSockets to ensure mathematically deterministic text merging. Sandboxed Execution Engine: Used ephemeral Docker containers with CPU/memory limits to run user code safely. Integrated Voice Chat: Embedded peer-to-peer WebRTC voice rooms for pair programming sessions.