All challenges

UI · Frontend challenge · Frontend UI

Autocomplete

Difficulty

hard

Time

~30m

Format

Single

Grading

Human review

#ui#react#frontend#state#filtering
Mission file // read carefullyhard

Build an Autocomplete / Typeahead input.

Requirements

  • As the user types, show suggestions from the list that match (case-insensitive).
  • Clicking a suggestion fills the input and hides the list.
  • Show nothing when the query is empty.

Build with

React
Live preview as you type
Human review
Start challenge

Sign in to save your progress.