Pokedex

A Pokédex web app powered by the public PokéAPI, built with Vue 3 and Vite. Search, browse and inspect Pokémon through a clean, responsive card interface with lazy loading.

The interesting part wasn't the UI — it was handling real, paginated API data gracefully.

• A searchable, browsable Pokémon list loaded in batches
• Type-coloured cards that reflect each Pokémon's element
• A detail view with stats, types and abilities
• Loading and error states so the app never feels broken

Data comes live from the PokéAPI. Pokémon are fetched in batches with a "load more" pattern rather than all at once, keeping the initial load fast. Each card derives its accent colour from the Pokémon's type, search filters the loaded set, and the whole interface is styled responsively with Tailwind CSS.

Working with a real external API means designing for the messy parts — latency, partial data, failures. Adding proper loading and error states, and batching requests instead of flooding the API, turned a fragile fetch into something that feels solid.