Live User Filter
A user list that filters as you type, against a real API.
StarterWeb appTool1–3hAI-buildable 5/5needs Random User API
Fetch a set of users, then filter client-side on every keystroke across multiple fields. The natural next step is debouncing and handling the empty-results state properly.
UI
Logic
Useful
Hosting · Free forever
Deploys free on GitHub Pages, Cloudflare Pages or Vercel Hobby.
Deploy it and share a link.
Core features · 5
- Fetch a list of users from an API on load
- Filtering happens live as the user types
- Matching works across name and location fields
- A loading state shows while fetching
- An empty state shows when nothing matches
The interesting part
- Case-insensitive matching across multiple fields without re-fetching
Once it works
- Debounce the input
- Highlight the matched substring in results
Suggested stack
reacttypescripttailwindreact-hook-formfuse.jstanstack-query
External APIs
- Random User API · no key