Skip to content

A real-time collaborative code editor built with Next.js, Express, and WebSockets, enabling multiple users to edit the same file simultaneously. Features live code sync, cursor presence, versioned updates, and seamless reconnection handling.

Notifications You must be signed in to change notification settings

kishore-sv/code_sync

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 

Repository files navigation

Code Sync

Status

⚠️ CodeSync is currently in beta. APIs and features may change.

CodeSync is a real-time collaborative code editor that allows multiple users to edit the same file simultaneously, similar to Google Docs but for code.

Built with Next.js, Express, and WebSockets (ws), it focuses on correctness, low latency, and real-time synchronization.


Features

  • Real-time code collaboration
  • Versioned updates to prevent desync
  • Cursor & selection presence (live)
  • Room-based collaboration
  • Automatic reconnection & resync
  • Server-authoritative document state

Tech Stack

Frontend

  • Next.js (App Router)
  • React
  • Monaco Editor (@monaco-editor/react)
  • Native WebSocket API

Backend

  • Node.js
  • Express.js
  • ws (WebSocket library)

Project Structure

codesync/
├── client/        # Next.js frontend
├── server/        # Express + WebSocket backend
├── README.md

License

MIT License

About

A real-time collaborative code editor built with Next.js, Express, and WebSockets, enabling multiple users to edit the same file simultaneously. Features live code sync, cursor presence, versioned updates, and seamless reconnection handling.

Topics

Resources

Stars

Watchers

Forks