Forms interview questions
Practice 29 questions on forms. Each runs in a real in-browser editor with Jest tests and a worked, diagram-backed solution.
29 questions
- EASY
Basic Autocomplete
Build an autocomplete input that filters a static list and lets you pick a suggestion.
15 minUI / FrameworksAngularReactHTML / CSS / JSVue - EASY
Character Counter Textarea
Build a textarea with a live character counter that warns as it nears a maximum length.
15 minUI / FrameworksAngularReactHTML / CSS / JSVue - EASY
Color Swatch Picker
Build a swatch color picker where clicking a swatch selects it and previews the chosen color.
15 minUI / FrameworksAngularReactHTML / CSS / JSVue - EASY
Contact Form
Build a contact form that posts the user's name, email, and message to a backend endpoint.
15 minUI / FrameworksAngularReactHTML / CSS / JSVue - EASY
Flight Booker
Build a small form that books either a one-way or return flight, with validation tying the two date fields together.
15 minUI / FrameworksAngularReactHTML / CSS / JSVue - EASY
Mortgage Calculator
Build a calculator that computes the monthly payment for a loan based on principal, rate, and term inputs.
15 minUI / FrameworksAngularReactHTML / CSS / JSVue - EASY
Password Strength Meter
Build a password field with a live strength meter that scores the input as you type.
15 minUI / FrameworksAngularReactHTML / CSS / JSVue - EASY
Segmented Control
Build a segmented control where clicking a segment selects it and highlights the active option.
15 minUI / FrameworksAngularReactHTML / CSS / JSVue - EASY
Temperature Converter
Build a widget that converts between Celsius and Fahrenheit, updating either field as the other changes.
15 minUI / FrameworksAngularReactHTML / CSS / JSVue - EASY
Toggle Switch
Build an on/off toggle switch that flips state on click and slides its knob to reflect it.
15 minUI / FrameworksAngularReactHTML / CSS / JSVue - MEDIUM
Async Autocomplete
Build an autocomplete that debounces typing, fetches matching results from an API, and handles loading and stale responses.
25 minUI / FrameworksAngularReactHTML / CSS / JSVue - MEDIUM
Combobox
PREMIUMBuild an editable combobox that filters options as you type and supports full keyboard selection.
25 minUI / FrameworksAngularReactHTML / CSS / JSVue - MEDIUM
Currency Converter
Build a currency converter with two linked amount fields that recompute from an exchange rate.
25 minUI / FrameworksAngularReactHTML / CSS / JSVue - MEDIUM
Dice Roller
Build a dice roller that lets you pick a count of six-sided dice, roll them, and display the resulting faces.
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
Form Validation Engine
Build a schema-driven form validator with composable per-field rules, cross-field checks, and async validators that report all errors.
30 minJavaScriptStripe · Atlassian · Airbnb - 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
Multi-Step Form
Build a wizard form with next/back navigation, per-step validation, and a progress indicator.
25 minUI / FrameworksAngularReactHTML / CSS / JSVue - MEDIUM
OTP Input
Build a one-time-code input of separate boxes with auto-advance, backspace, and paste handling.
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
Shopping Cart
Build a cart where quantity changes update line totals and a grand total live.
25 minUI / FrameworksAngularReactHTML / CSS / JSVue - MEDIUM
Signup Form
Build a signup form that validates user details on submit and posts them to a back-end API.
25 minUI / FrameworksAngularReactHTML / CSS / JSVue - MEDIUM
Star Rating
Build an interactive star rating with hover preview and half-star support.
25 minUI / FrameworksAngularReactHTML / CSS / JSVue - MEDIUM
Star Rating
Build a star rating component where users click a star to set the rating shown by filled icons.
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
Users Database
Build a CRUD interface to list, filter, create, edit, and delete users backed by local state.
25 minUI / FrameworksAngularReactHTML / CSS / JSVue - HARD
Auth Code Input
PREMIUMBuild a six-cell auth code input that handles typing, paste, backspace, and arrow-key navigation across fields.
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