Learning Paths Showcase

Loading...

Learn Vibe Coding by building real projects. From beginner to expert, one challenge at a time.

Platform

Challenges
Learning Paths
Showcase

Community

GitHub
Projects

Legal

Privacy
Terms

© 2026 AI In Action. All rights reserved.

ChallengesKanban Board

#015IntermediateWeb

8-12 hours

Kanban Board

Build a Trello-like Kanban board with drag-and-drop cards between columns, card editing with rich text, labels, due dates, and board persistence.

kanbandrag-and-dropproject-managementrealtime

Objectives

Create draggable cards between customizable columns
Implement card detail editing with rich text
Add labels, due dates, and assignees to cards
Support creating, renaming, and reordering columns
Persist board state to a database

Hints

Use @dnd-kit with sortable for drag and drop
Implement optimistic updates for smooth UX
Use a flat data structure with column IDs

Resources

dndkit.com