⚡ Pokédex Ultra Pro

Una aplicación web interactiva inspirada en el universo Pokémon, diseñada con un enfoque futurista y experiencia gaming. Permite buscar, visualizar, comparar y simular batallas entre Pokémon en tiempo real, integrando efectos visuales dinámicos, música y animaciones para una experiencia inmersiva.

Descripción General

Pokédex Ultra Pro es un proyecto web que combina diseño UI/UX moderno con funcionalidad técnica avanzada. Fue desarrollada utilizando HTML5, CSS3 y JavaScript (ES6+), e integra la PokeAPI como fuente de datos para obtener información detallada de cada Pokémon. El diseño destaca por su estética neón futurista, su fluidez visual y su adaptabilidad en diferentes dispositivos.

---

⚙️ Funcionalidades Principales

• 🔍 Búsqueda inteligente por nombre o número de Pokémon.
• 📊 Visualización de estadísticas, tipos y habilidades.
• ⚔️ Comparación de Pokémon con indicadores visuales de rendimiento.
• 🧠 Simulador de batallas con análisis de ventajas por tipo.
• 🎧 Música y efectos integrados mediante APIs multimedia.
• 📱 Diseño responsive adaptable a cualquier dispositivo.

---

🛠️ Tecnologías Utilizadas

Categoría	Herramientas
Frontend	HTML5, CSS3 (Grid, Flexbox, Animaciones)
Programación	JavaScript (ES6+, Async/Await, Fetch API)
APIs	PokeAPI, YouTube IFrame API
Despliegue	Netlify
Diseño UX/UI	Paleta neón, transiciones suaves, partículas interactivas

---

🎨 Diseño y Experiencia

• 🌈 Estética futurista con efectos neón y gradientes dinámicos.
• 🎮 Interfaz tipo videojuego con ambientación sonora y visual.
• ⚡ Transiciones fluidas y animaciones en tiempo real.
• 🧩 Interacción visual optimizada para una experiencia intuitiva.

---

📁 Estructura del Proyecto

pokedex-ultra-pro/
├── index.html          # Estructura base
├── style.css           # Estilos y animaciones
├── script.js           # Lógica de la aplicación
└── README.md           # Documentación

---

🧠 Código Destacado

// Búsqueda dinámica de Pokémon
async function searchPokemon(name) {
  const response = await fetch(`https://pokeapi.co/api/v2/pokemon/${name.toLowerCase()}`);
  const data = await response.json();
  displayPokemon(data);
}

---

🌐 Visualiza el Proyecto

🔗 Demo en vivo: pokedex-interactivo.netlify.app

Movil:

para movil sirve como pokedex solo puedes ver los pokemones no puedes comparar o simular pelea (cuando abaras la pagina desde un movil)

---

Abrir desde un PC:

cuando los abras por PC sirve como pokedex,ver comparacion de pokemones y simular batalla

---

⌨️ Funciones de las teclas

R (tecla R sola) → 🔁 Refrescar la Pokédex Recarga o reinicia la interfaz para volver al estado inicial, limpiando la búsqueda o selección actual. (En algunos casos, puede recargar aleatoriamente un Pokémon o una animación de entrada.)

Ctrl + R (Control + R) → 🔄 Recargar la página completa Es un atajo del navegador, no del proyecto. Recarga todo el sitio web desde el servidor, reiniciando completamente la Pokédex. (Útil si el proyecto se bloquea o si quieres reiniciar todo el entorno.)

C (tecla C sola) → ⚔️ Comparar Pokémon o limpiar la comparación Generalmente sirve para activar el modo de comparación entre dos Pokémon o para cancelar la comparación actual, dependiendo de cómo esté programado el script

---

👨‍💻 Autor

Andrés Felipe Díaz Campos 💼 Ingeniero de Sistemas en formación | Desarrollador Web 📎 GitHub • LinkedIn

---

📄 Licencia

Distribuido bajo la Licencia MIT. Consulta el archivo LICENSE para más detalles.

---

⚡ “Explora, compara y vive la experiencia Pokémon con estilo.” ⚡

⭐ Si te gusta este proyecto, apóyalo con una estrella en GitHub ⭐