Pokédex

Aplicación web que consume la PokeAPI para buscar Pokémon y mostrar sus estadísticas base y línea evolutiva.

Ver en vivo

Funcionalidades

• Búsqueda por nombre o número de Pokédex, con Enter o botón
• Estadísticas base con barras proporcionales y total calculado
• Línea evolutiva completa, incluyendo evoluciones ramificadas (Eevee, Wurmple, Tyrogue)
• Peso, altura y artwork oficial
• Estado de carga y mensajes distintos para "no encontrado" y fallo de conexión
• Diseño adaptado a móvil

Capturas

Pikachu	Charizard	Wurmple (evolución ramificada)

Manejo de errores y estados

Cargando	Pokémon no encontrado	Sin conexión

Mientras corren las tres peticiones el botón y el input se deshabilitan. Un 404 de la PokeAPI se muestra como "Pokémon no encontrado"; cualquier fallo de red o del servidor se distingue con un mensaje propio.

Stack

HTML, CSS y JavaScript vanilla. Sin frameworks ni dependencias.

Desplegado en Render como sitio estático.

Cómo ejecutarlo

Clona el repositorio y abre index.html en el navegador. No requiere instalación ni servidor.

git clone https://github.com/MarioMahir/Pokedex.git

Estructura

├── index.html
├── css/styles.css
├── js/script.js
└── docs/            # capturas para este README

Qué resuelve

Encadena tres peticiones a la PokeAPI: el Pokémon, su especie y su cadena evolutiva. Cada una depende del resultado de la anterior, así que el flujo es asíncrono con async/await y manejo de errores. La cadena evolutiva se recorre de forma recursiva para cubrir todas las ramas posibles.

Notas

Primer proyecto que desplegué en producción. Lo mantengo como referencia de consumo de APIs REST con JavaScript vanilla.