Karan Chandekar | Software Engineer

The Challenge

Building a Notion-like block editor with real-time multi-user collaboration and intelligent inline AI suggestions that enhance writing without disrupting flow.

The Solution

Used Tiptap for block-based editing, Yjs for CRDT-based real-time collaboration, Claude API for inline writing suggestions, and WebSocket for live cursor sharing.

// Real-time collaboration with Yjs
const ydoc = new Y.Doc();
const provider = new WebsocketProvider(wsUrl, docId, ydoc);
const editor = useEditor({
  extensions: [
    StarterKit,
    Collaboration.configure({ document: ydoc }),
    CollaborationCursor.configure({
      provider,
      user: { name, color },
    }),
    AISuggestion.configure({ model: 'claude' }),
  ],
});