Drag & Drop
Native HTML5 drag-and-drop (draggable, dataTransfer, onDragStart/onDragOver/onDrop) with no third-party library. Practice reordering elements and dropping into a distinct target zone.
Reorderable list
Drag a card and drop it onto another card to reorder the list. The number in front of each card reflects its current position in state.
1Design reviewdrag me
2Write test plandrag me
3Automate login flowdrag me
4Fix flaky selectordrag me
5Review pull requestdrag me
6Update CI pipelinedrag me
7Ship release notesdrag me
Drop-to-archive zone
Drag an item from the palette below into the drop zone to archive it. The drop zone changes appearance while a valid drag is over it.
Palette (drag from here)
Stale bug report
Old feature request
Duplicate ticket
Completed spike
Archive (drop here)
Drag items here to archive