DEV Community

Alan Teixidó
Alan Teixidó

Posted on

I built a full Pokédex with Next.js and TypeScript

I recently built a full-featured Pokédex app as a portfolio project using Next.js 14 and TypeScript.

What it includes

  • Search across all 1025 Pokémon in real time
  • Filter by type (18 types) and generation (Gen I–IX)
  • Full detail pages with stats, abilities, evolution chains and type matchups
  • Shiny toggle to see the shiny version of each Pokémon
  • Side-by-side comparison page with a radar chart
  • Favorites system saved to localStorage
  • Light/Dark mode
  • PWA support — installable on mobile

Tech stack

  • Next.js 14 App Router
  • TypeScript (strict mode)
  • Tailwind CSS
  • SWR for data fetching
  • Framer Motion for animations
  • PokéAPI (free, no API key needed)
  • Deployed on Vercel

Live

👉 pokedex.alanteixido.dev

Built by Alan Teixidó — Software Engineer based in Barcelona.

Top comments (0)