Lists interview questions

Build an accordion component with stacked sections whose content panels expand and collapse on click.

Build a row of overlapping avatars that collapses the overflow into a plus-N badge.

Build an autocomplete input that filters a static list and lets you pick a suggestion.

Build a breadcrumb trail from a path array, separating crumbs and marking the current page.

Build a component that renders a table of sequential numbers given a row count and a column count.

Build pagination controls with previous/next and numbered pages that report the current page.

Build a users data table that paginates rows with page-size and page-navigation controls.

Build an emoji picker with category tabs and a search filter that inserts the chosen emoji.

Build a file explorer that renders a nested folder hierarchy and lets you expand and collapse directories.

Build a file explorer that exposes the correct ARIA tree roles, states, and properties for assistive tech.

Build a file explorer that renders the tree as a flat DOM list while preserving nested visual structure.

Build an image carousel that lets you page through a sequence of images with previous and next controls.

Build an image carousel with smooth slide transitions between images.

Build a list that loads more items as the user scrolls near the bottom using an observer.

Build a job board that fetches and renders recent Hacker News job postings with paginated loading.

Build a three-column board where cards drag between columns and each column's count updates.

Build a memory card-matching game where players flip cards to find matching pairs.

Build a multi-select where chosen options become removable chips and the rest stay in the list.

Build a threaded comments tree where each comment can be replied to and collapsed recursively.

Build a notification center with an unread badge, mark-as-read, and dismiss.

Build a list that reorders by drag or keyboard input while preserving focus and announcing each move.

Build a Todo List component with add and delete actions, with focus on functionality over styling.

Build a component that moves selected items back and forth between two side-by-side lists.

Build the arcade game where moles randomly appear in a grid and players click them to score.

Build a data table with sortable columns, pagination, and row selection over a dataset.

Build a transfer list with bulk select, deselect, and the ability to add new items to either side.

Build a windowed list that renders only the visible rows of a large dataset for smooth scrolling.