Web Development
Real-Time Collaborative Code Editor
Multiplayer editing with CRDTs, live cursors and sandboxed execution
- Next.js
- TypeScript
- Yjs
- WebSockets
- +2
Web Development · Major Project
Boards, draggable cards, assignees, due dates and a full activity log
Overview
Teams create workspaces and boards, then move cards between columns by dragging. Cards carry assignees, labels, checklists, comments and due dates, and every change is written to an activity log. Card order uses fractional ranking so a move updates one row, and board changes are broadcast so teammates see them without refreshing.
What makes it stand up
Module breakdown
Members, roles and invitations per workspace.
Columns and cards with drag-and-drop reordering.
Detail view with assignees, labels, checklists and comments.
Append-only event log rendered as a per-card and per-board feed.
Socket.IO rooms per board with optimistic UI updates.
After this, you will be able to
Technology stack
You receive
Keep looking
Web Development
Multiplayer editing with CRDTs, live cursors and sandboxed execution