This React app uses the PokéAPI to display a pokemon by ID or name from a text input at:
https://hollyw00d.github.io/pokemon-api-with-react/
Other technologies used include:
- TanStack Query (formerly React Query)
- A custom useDebounce hook to delay fetching a Pokémon until after after the user has finished time for some time, to avoid unnecessary network requests
- Accessibility features including
role="alert"to show when fetching Pokémon has failed or succeeded, and I confirmed this by testing with VoiceOver screenreader on Safari with my Mac
Below is a screenshot of searching for Bulbasaur:
