Pokédex
A grid of Pokémon cards, each coloured by its primary type.
StarterWeb appMedia2–5hAI-buildable 5/5needs PokéAPI
Fetch many records in parallel, then render cards whose styling is driven by data. The parallel-fetch pattern and the type-to-colour mapping are both reusable well beyond this project.
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 set number of Pokémon on load
- Each card shows sprite, name, id, and type
- Card colour is derived from the primary type
- Requests run in parallel rather than sequentially
- A loading state covers the initial fetch
The interesting part
- Fetching many records in parallel without hammering the API
Once it works
- Add search and type filtering
- Add a detail view with base stats
Suggested stack
reacttypescripttailwindfuse.jstanstack-query
External APIs
- PokéAPI · no key