GoShip
How It WorksChallengesPricingEmployers
Sign InGet Started
0developers
0companies
0assessments scored
How It Works
|Pricing
|Challenges
|Employers
|Privacy
|Terms
GoShip© 2026
Get updates
Twitter·GitHub
Systems nominal
BUILDSTAFF

Build a Real-Time Collaborative Editor

150 minutes
0 completed
nextjscrdtwebsocketscollaborative

Description

Build a Real-Time Collaborative Editor

Build a Google Docs-style collaborative text editor where multiple users edit simultaneously.

Requirements

  • Rich text editor with bold, italic, headings, lists, and code blocks
  • Real-time collaboration: multiple cursors visible, changes sync instantly
  • Conflict resolution: concurrent edits don't corrupt the document
  • User presence indicators (colored cursors with names)
  • Document list with create/rename/delete
  • Share document via unique link
  • Offline support: edits queue and sync when reconnected

    • Technical Notes

    Use CRDTs (Yjs or Automerge) or OT (ShareDB) for conflict resolution. WebSocket for real-time sync. Rich text editor: Tiptap, Slate, or Lexical.

    Bonus Points

  • Version history with ability to restore
  • Comments and suggestions mode
  • Export as Markdown/HTML/PDF

    • You will be guided through MCP setup before the timer starts