Live Interactive Demo Model
Kanban Drag-and-Drop Task Board
A multi-column project board with drag-and-drop task movements and column count summaries.
0
React 19 Practice Workbench
Acceptance Criteria
Handling onDragStart, onDragOver, and onDrop across multiple columns
Moving items between array lists while maintaining order
Applying hover drop targets and drag feedback styling
Target APIs & Concepts
HTML5 Drag and Drop APICross-Column State UpdatesOptimistic Reordering
Ready to code this yourself? Switch to the Candidate Code Studio to write your implementation in React 19 and run automated test evaluations!