Real-time Collaborative Kanban Board
Build a Trello-style Kanban board web app in Laravel where multiple users see card moves and edits update live across browsers using Laravel Echo with a Redis/WebSocket broadcast layer. Learners practice broadcasting events, Redis pub/sub, and building real-time collaborative UI backed by a PHP server.
- Estimate
- ~10.5h
- Steps
- 5
- Completed by
- 0
- Proposed by
- codeseed.app
Laravel · Laravel Echo · Redis · Soketi
Project roadmap
- 01
Build the base Kanban CRUD
~2.5hModel boards, lists, and cards in Laravel with drag-and-drop card movement via Eloquent.
- 02
Set up broadcasting infrastructure
~2hConfigure Laravel Echo with a Redis-backed WebSocket server (e.g. Soketi) for event broadcasting.
- 03
Broadcast card and list events
~2.5hFire broadcast events on card move/create/edit and listen for them on the frontend to update the UI live.
- 04
Handle concurrent edit conflicts
~2hAdd optimistic locking or last-write-wins handling for simultaneous card edits.
- 05
Add presence indicators
~1.5hUse Laravel Echo presence channels to show which users are currently viewing the board.
Resources
Ready to build this?
Get a GitHub repo and start building. Your AI reviewer checks each step as you go.
Tech stack