Regresar
Visitar

Pokédex

Pokédex interactiva que consume la PokéAPI con búsqueda en tiempo real, filtros y detalle de cada Pokémon.

Pokédex

Resumen

Más de 1,000 Pokémon con tipos, estadísticas base, habilidades y sprites — todo servido desde PokéAPI v2. El reto no fue consumir la API sino hacerlo sin degradar la experiencia: caché local para evitar peticiones duplicadas, paginación que no bloquea el render y búsqueda en tiempo real sobre el dataset completo.

El resultado es una interfaz que se siente fluida incluso filtrando sobre listas de esta magnitud.

Línea de tiempo

Diseño e integración

Consumo de PokéAPI con manejo de paginación y caché local para evitar peticiones repetidas.

Implementación

Interfaz con filtros por tipo, búsqueda en tiempo real y página de detalle por Pokémon.

Aprendizajes

  • El caché local reduce drásticamente las peticiones a APIs públicas.
  • Diseñar UI para listas grandes requiere virtualización o paginación desde el inicio.

Stack tecnológico

ReactReact
React
TypeScript
TypeScript
Tailwind CSS
Tailwind CSS
Vite
Vite
Git
Git
GitHubGitHub
GitHub

Métricas

  • 1000+Pokémon disponibles
  • PokéAPI v2Fuente de datos
  • Tiempo realBúsqueda

Categorías

Frontend