Portfolio

Search by Pokemon Name or ID using PokéAPI

I created a Search by Pokemon Name or ID using PokéAPI website (see GitHub repo). This React website is hosted on GitHub pages and uses:
  • PokéAPI, which is a free API where it's possible to view a single Pokémon (Japanese cartoon character) via the Pokémon's name or ID number in JSON format
  • 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.
  Searching for Pikachu while using the PokéAPI   No Pokémon found while using the PokéAPI   Fetching Bulbasaur while using the PokéAPI

Find Pokemon (GitHub Pages) >>

Web Developer: Matt Jennings

Technologies Used: Vite with React, React, a custom useDebounce hook, ESLint, Prettier, and GitHub Pages.