Lists interview questions
Practice 27 questions on lists. Each runs in a real in-browser editor with Jest tests and a worked, diagram-backed solution.
27 questions
- EASY
Accordion
Build an accordion component with stacked sections whose content panels expand and collapse on click.
20 minUI / FrameworksGoogle · Amazon · MetaAngularReactHTML / CSS / JSVue - EASY
Avatar Group
Build a row of overlapping avatars that collapses the overflow into a plus-N badge.
15 minUI / FrameworksAngularReactHTML / CSS / JSVue - EASY
Basic Autocomplete
Build an autocomplete input that filters a static list and lets you pick a suggestion.
15 minUI / FrameworksAngularReactHTML / CSS / JSVue - EASY
Breadcrumbs
Build a breadcrumb trail from a path array, separating crumbs and marking the current page.
15 minUI / FrameworksAngularReactHTML / CSS / JSVue - EASY
Generate Table
Build a component that renders a table of sequential numbers given a row count and a column count.
15 minUI / FrameworksAngularReactHTML / CSS / JSVue - EASY
Pagination UI
Build pagination controls with previous/next and numbered pages that report the current page.
15 minUI / FrameworksAngularReactHTML / CSS / JSVue - MEDIUM
Data Table
Build a users data table that paginates rows with page-size and page-navigation controls.
25 minUI / FrameworksAngularReactHTML / CSS / JSVue - MEDIUM
Emoji Picker
Build an emoji picker with category tabs and a search filter that inserts the chosen emoji.
25 minUI / FrameworksAngularReactHTML / CSS / JSVue - MEDIUM
File Explorer
Build a file explorer that renders a nested folder hierarchy and lets you expand and collapse directories.
25 minUI / FrameworksAngularReactHTML / CSS / JSVue - MEDIUM
File Explorer II
Build a file explorer that exposes the correct ARIA tree roles, states, and properties for assistive tech.
25 minUI / FrameworksAngularReactHTML / CSS / JSVue - MEDIUM
File Explorer III
Build a file explorer that renders the tree as a flat DOM list while preserving nested visual structure.
25 minUI / FrameworksAngularReactHTML / CSS / JSVue - MEDIUM
Image Carousel
Build an image carousel that lets you page through a sequence of images with previous and next controls.
25 minUI / FrameworksAngularReactHTML / CSS / JSVue - MEDIUM
Image Carousel II
Build an image carousel with smooth slide transitions between images.
25 minUI / FrameworksAngularReactHTML / CSS / JSVue - MEDIUM
Infinite Scroll List
Build a list that loads more items as the user scrolls near the bottom using an observer.
25 minUI / FrameworksAngularReactHTML / CSS / JSVue - MEDIUM
Job Board
Build a job board that fetches and renders recent Hacker News job postings with paginated loading.
25 minUI / FrameworksAngularReactHTML / CSS / JSVue - 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
Memory Game
Build a memory card-matching game where players flip cards to find matching pairs.
25 minUI / FrameworksAngularReactHTML / CSS / JSVue - MEDIUM
Multi-Select
Build a multi-select where chosen options become removable chips and the rest stay in the list.
25 minUI / FrameworksAngularReactHTML / CSS / JSVue - MEDIUM
Nested Comments
PREMIUMBuild a threaded comments tree where each comment can be replied to and collapsed recursively.
25 minUI / FrameworksAngularReactHTML / CSS / JSVue - MEDIUM
Notification Center
Build a notification center with an unread badge, mark-as-read, and dismiss.
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 - MEDIUM
Todo List
Build a Todo List component with add and delete actions, with focus on functionality over styling.
25 minUI / FrameworksGoogle · Meta · MicrosoftAngularReactHTML / CSS / JSVue - MEDIUM
Transfer List
Build a component that moves selected items back and forth between two side-by-side lists.
25 minUI / FrameworksAngularReactHTML / CSS / JSVue - MEDIUM
Whack-A-Mole
Build the arcade game where moles randomly appear in a grid and players click them to score.
25 minUI / FrameworksAngularReactHTML / CSS / JSVue - HARD
Data Table V
PREMIUMBuild a data table with sortable columns, pagination, and row selection over a dataset.
40 minUI / FrameworksAngularReactHTML / CSS / JSVue - HARD
Transfer List II
PREMIUMBuild a transfer list with bulk select, deselect, and the ability to add new items to either side.
40 minUI / FrameworksAngularReactHTML / CSS / JSVue - HARD
Virtualized List
PREMIUMBuild a windowed list that renders only the visible rows of a large dataset for smooth scrolling.
40 minUI / FrameworksAngularReactHTML / CSS / JSVue