UI Design Study

Autocomplete / Typeahead

Design a reusable Typeahead / Autocomplete widget that fetches results from an API. Focus on network efficiency, keyboard navigation, and custom rendering.

Step Budget5:00

Draft Your Answer Notes

Auto-saved locally

🔓

Ready to review?

Take a few minutes to write down your initial ideas on the left first. When you are ready, reveal the verified model architecture.

✨ Senior Evaluator Notes

Excellent candidates will immediately discuss race conditions and how to abort queries using AbortController.

⚠️ Common Pitfalls

Not handling API race conditions (leading to out-of-order suggestions displaying).
Failing to support keyboard navigation or proper ARIA accessibility markers.
Making API requests on every single keystroke instead of debouncing.