Drag Drop interview questions
Practice 6 questions on drag drop. Each runs in a real in-browser editor with Jest tests and a worked, diagram-backed solution.
6 questions
- MEDIUM
Kanban Board
PREMIUMBuild a three-column board where cards drag between columns and each column's count updates.
25 minUI / FrameworksAngularReactHTML / CSS / JSVue - MEDIUM
Range Slider
Build a dual-handle range slider that picks a min and max value by dragging each handle.
25 minUI / FrameworksAngularReactHTML / CSS / JSVue - MEDIUM
Resizable Split Pane
Build two panes split by a draggable divider that resizes them within min and max bounds.
25 minUI / FrameworksAngularReactHTML / CSS / JSVue - MEDIUM
Sortable List
PREMIUMBuild a list whose items reorder by dragging, with a live drop indicator.
25 minUI / FrameworksAngularReactHTML / CSS / JSVue - HARD
Image Cropper
PREMIUMBuild an image cropper with a draggable, resizable crop region over an image.
40 minUI / FrameworksAngularReactHTML / CSS / JSVue - HARD
Selectable Cells
PREMIUMBuild a grid where you click and drag across cells to select a rectangular range of them.
40 minUI / FrameworksAngularReactHTML / CSS / JSVue