Pokédex
Pokédex interactiva que consume la PokéAPI con búsqueda en tiempo real, filtros y detalle de cada Pokémon.
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
Problema / Contexto
Más de 1,000 entradas en una API pública: el reto no era consumir los datos, sino hacerlo sin penalizar la experiencia — sin bloquear el render, sin peticiones duplicadas y con búsqueda inmediata.
Diseño e integración
Estrategia de caché local en memoria: las peticiones a PokéAPI se almacenan al vuelo, evitando refetch al volver a un Pokémon ya visitado. Paginación con intersección de scroll, no bloqueante.
Implementación
Interfaz con filtros combinados por tipo, búsqueda en tiempo real sobre el dataset completo y vista de detalle con estadísticas base, habilidades y sprites — construida en React + TypeScript con Vite.
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.