Pokémon Results

- Structure: Created a reusable Pokémon Card component that renders for all 20 objects in a responsive page (1-4 columns, depending on screen size) as well as an Assignment Summary component at the top.

- Data Fetching: The endpoint only returns objects with an id and a name so I used a two-step fetch. First the list, then the details. All 20 at once to reduce loading times.

- Type Safety: Defined the Pokémon and Stat interfaces to match the actual API shape.

- Loading, Error, & Success Handling: Used the standard try/catch methods, combined with conditional rendering so the user knows what is going on.

- Design: Color coded Pokémon Stat containers to match common and intuitive color codings in gaming.

- Accessibility: I added meaningul alt text on each Pokémon image, roles, aria-live, aria-expanded, and aria-labels for screen readers

Content is loading...