MACHINE CODING

Frontend machine coding interview practice.

Build each interface against real requirements, edge cases, and an accessibility bar — then check your approach against the evaluation rubric.

INTERMEDIATE · 45 MIN BUILD · 7 MIN GUIDE

Autocomplete

A search input that suggests matches as the user types, with keyboard navigation and cancellation of stale requests.

INTERMEDIATE · 50 MIN BUILD · 6 MIN GUIDE

A collapsible, nested folder/file tree with expand-all, rename, and delete interactions.

INTERMEDIATE · 55 MIN BUILD · 6 MIN GUIDE

Draggable cards across columns with persistence of column and order on drop.

INTERMEDIATE · 60 MIN BUILD · 6 MIN GUIDE

A sortable, filterable, paginated table over a dataset, with column-level control.

INTERMEDIATE · 65 MIN BUILD · 6 MIN GUIDE

A threaded comment section supporting arbitrary reply depth, collapsing, and inline editing.

ADVANCED · 70 MIN BUILD · 7 MIN GUIDE

A global, queue-based notification system triggerable from anywhere in the app.

ADVANCED · 75 MIN BUILD · 7 MIN GUIDE

A composable system for opening stacked, accessible modals from anywhere in the app.

ADVANCED · 80 MIN BUILD · 7 MIN GUIDE

A feed that loads more content as the user approaches the bottom, without janking scroll position.

ADVANCED · 85 MIN BUILD · 7 MIN GUIDE

A swipeable, auto-advancing carousel with correct looping and reduced-motion behavior.

ADVANCED · 90 MIN BUILD · 7 MIN GUIDE

A wizard-style form that validates per step, preserves state across steps, and supports going back.

ADVANCED · 95 MIN BUILD · 7 MIN GUIDE

A messaging UI with optimistic sends, streaming/incoming messages, and correct scroll anchoring.

ADVANCED · 100 MIN BUILD · 7 MIN GUIDE

A month-view calendar with event creation, multi-day events, and correct date-boundary handling.