interviewpadInterview runtime

Sector file // machine-coding

FRONTEND MACHINE CODINGDECODED.

Build live UI components

87 Questions56.0k Views3.4k Upvotes

19 easy44 med24 hard

Preferred framework

Filter

Transmission log

// 87 visible

Frontend Machine Coding· Machine Coding

Build a Notification Badge

Frontend Machine Coding· Machine Coding

Build an Avatar Group

Frontend Machine Coding· Machine Coding

Build a Dark Mode Toggle

Frontend Machine Coding· Machine Coding

Build a Counter component

Frontend Machine Coding· Machine Coding

Build a Like Button

Frontend Machine Coding· Machine Coding

Build a Traffic Light

Frontend Machine Coding· Machine Coding

Build a Progress Bar

Frontend Machine Coding· Machine Coding

Build a Toggle Switch

Frontend Machine Coding· Machine Coding

Build a Temperature Converter

Frontend Machine Coding· Machine Coding

Build a Segmented Control

Frontend Machine Coding· Machine Coding

Build a Tabs component

Frontend Machine Coding· Machine Coding

Build a Typewriter Effect

Frontend Machine Coding· Machine Coding

Build a Breadcrumbs component

Frontend Machine Coding· Machine Coding

Build a Skeleton Loader

Frontend Machine Coding· Machine Coding

Build a Stopwatch

Frontend Machine Coding· Machine Coding

Build a Dropdown Menu

Frontend Machine Coding· Machine Coding

Build a Digital Clock

Frontend Machine Coding· Machine Coding

Build a Todo List

Frontend Machine Coding· Machine Coding

Build an Accordion component

Frontend Machine Coding· Machine Coding

Build a File Explorer Toolbar — Breadcrumbs, Search & Context Menu

Frontend Machine Coding· Machine Coding

Build a Color Picker

Frontend Machine Coding· Machine Coding

Build a Lazy-loaded Image

Frontend Machine Coding· Machine Coding

Build an Image Carousel

Frontend Machine Coding· Machine Coding

Build dependent (Country–State) dropdowns

Frontend Machine Coding· Machine Coding

Build a Search Bar with History

Frontend Machine Coding· Machine Coding

Build a Nested Comments widget

Frontend Machine Coding· Machine Coding

Build Tic-Tac-Toe

Frontend Machine Coding· Machine Coding

Build a Password Generator

Frontend Machine Coding· Frontend

Build a Command Palette (kbar / cmdk) with Fuzzy Search

Frontend Machine Coding· Machine Coding

Build a Tabs Component with URL Sync & Lazy Mounting

Frontend Machine Coding· Machine Coding

Build a Tag / Chip Input

Frontend Machine Coding· Machine Coding

Build a debounced Search Bar

Frontend Machine Coding· Frontend

Build an Image Carousel with Infinite Loop & Swipe

Frontend Machine Coding· Machine Coding

Build an Image Gallery with lightbox

Frontend Machine Coding· Machine Coding

Build an Autocomplete / Typeahead search

Frontend Machine Coding· Machine Coding

Build a File Explorer (tree view)

Frontend Machine Coding· Frontend

Build Infinite Scroll with IntersectionObserver & Skeleton

Frontend Machine Coding· Frontend

Build an Accessible Modal with Focus Trap & Scroll Lock

Frontend Machine Coding· Machine Coding

Build a Speed Dial Menu

Frontend Machine Coding· Machine Coding

Build a Star Rating component

Frontend Machine Coding· Frontend

Build a Split Pane (Horizontal & Vertical) with Constraints

Frontend Machine Coding· Frontend

Build a Toast / Snackbar Queue with Pause on Hover

Frontend Machine Coding· Machine Coding

Build an Analog Clock

Frontend Machine Coding· Machine Coding

Build a Poll / Voting widget

Frontend Machine Coding· Machine Coding

Build a Custom Multi-select Dropdown

Frontend Machine Coding· Machine Coding

Build Resizable Panels with useResizable Hook

Frontend Machine Coding· Machine Coding

Build a Toast Notification system

Frontend Machine Coding· Machine Coding

Build a Multi-step Form (wizard)

Frontend Machine Coding· Machine Coding

Build Infinite Scroll

Frontend Machine Coding· Machine Coding

Build a Form with validation

Frontend Machine Coding· Machine Coding

Build a Transfer List

Frontend Machine Coding· Machine Coding

Build a Todo App with Pagination, Filters & Optimistic Updates

Frontend Machine Coding· Machine Coding

Build a Modal dialog

Frontend Machine Coding· Machine Coding

Build a Pagination component

Frontend Machine Coding· Machine Coding

Build a Quiz App

Frontend Machine Coding· Machine Coding

Build a Collapsible Sidebar Menu

Frontend Machine Coding· Machine Coding

Build a Data Table with sorting and filtering

Frontend Machine Coding· Machine Coding

Build a Poll Widget with Live Results & Confetti

Frontend Machine Coding· Machine Coding

Build an OTP Input

Frontend Machine Coding· Machine Coding

Build a Tooltip

Frontend Machine Coding· Machine Coding

Build a Kanban Board with Swimlanes & WIP Limits

Frontend Machine Coding· Machine Coding

Build a Calculator

Frontend Machine Coding· Machine Coding

Build Autocomplete / Typeahead with Debounce & Highlight

Frontend Machine Coding· Machine Coding

Build an E-commerce Product Filter grid

Frontend Machine Coding· Frontend

Build a File Explorer with Nested Drag-and-Drop

Frontend Machine Coding· Machine Coding

Build a Virtualized List

Frontend Machine Coding· Machine Coding

Build a Dual Range (price) Slider

Frontend Machine Coding· Machine Coding

Build Nested Checkboxes (tri-state)

Frontend Machine Coding· Machine Coding

Build a Calendar / Date Picker

Frontend Machine Coding· Machine Coding

Build a Kanban board with drag and drop

Frontend Machine Coding· Machine Coding

Build Connect Four

Frontend Machine Coding· Frontend

Build a Virtualized List with react-window (Fixed Size)

Frontend Machine Coding· Machine Coding

Build a Drag-and-drop file uploader with configurable chunk size

Frontend Machine Coding· Machine Coding

Build a Mini Spreadsheet (Excel)

Frontend Machine Coding· Machine Coding

Build a Date Picker Calendar with Range Selection

Frontend Machine Coding· Machine Coding

Build a Canvas Drawing Board

Frontend Machine Coding· Frontend

Build a Collaborative Kanban Board with Yjs (CRDT)

Frontend Machine Coding· Machine Coding

Build a Data Table with Virtualized Rows, Sorting & Filtering

Frontend Machine Coding· Machine Coding

Build a Sudoku board with validation

Frontend Machine Coding· Machine Coding

Build Whack-a-Mole

Frontend Machine Coding· Machine Coding

Build a Chat UI

Frontend Machine Coding· Machine Coding

Build a Memory (flip-card) Game

Frontend Machine Coding· Machine Coding

Build a Variable-Size Virtualized Feed (Dynamic Heights)

Frontend Machine Coding· Machine Coding

Build the Snake Game

Frontend Machine Coding· Frontend

Build Nested Comments with Collapsible Threads & Voting

Frontend Machine Coding· Machine Coding

Build a basic Rich Text Editor

Frontend Machine Coding· Machine Coding

Build a Combobox (search + select)

Difficulty mix

Easy19 (22%)

Medium44 (51%)

Hard24 (28%)

Tested topics

#react#ui#state#timers#accessibility#animation#forms#async

Decryption key

Revisit core language idioms, architectural patterns, and runtime execution models. Practice code challenges daily.

Intercepted something new? Beam it into the archive.

// 56.0k total views · 3.4k upvotes · 87 decoded