Skip to content

dany99222/pokemon

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Pokédex Web App 🐾

Una Pokédex interactiva hecha con HTML, CSS y JavaScript que te permite explorar los Pokémon de forma dinámica y divertida, con scroll infinito, filtros por tipo y barra de búsqueda.


🔹 Funcionalidades

  • Scroll infinito: Los Pokémon se cargan en bloques de 15 para mejorar el rendimiento.
  • Filtros por tipo: Selecciona un tipo (Fire, Water, Electric, etc.) y muestra solo los Pokémon de ese tipo.
  • Ver todos: Botón para volver a la vista completa de todos los Pokémon.
  • Barra de búsqueda: Busca Pokémon por nombre en tiempo real.
  • Botón flotante “Ir al inicio”: Siempre visible en la pantalla, con efecto hover y sombra roja.
  • Header sticky y transparente: Permanece visible al hacer scroll y se adapta a dispositivos móviles y tabletas.
  • Read Name (Opcional): Al hacer click en un Pokémon, se muestra su nombre destacado y se puede pronunciar con síntesis de voz (SpeechSynthesis).

🔹 Tecnologías utilizadas

  • HTML5: Estructura del proyecto.
  • CSS3: Estilos y responsive design.
  • JavaScript (Vanilla JS): Funcionalidad, fetch API y scroll infinito.
  • PokéAPI: API pública para obtener datos de los Pokémon.

🔹 Estructura del proyecto

pokedex/ ├── index.html ├── css/ │ └── main.css ├── js/ │ └── main.js ├── img/ │ ├── pokeball.png │ └── pokemon-imagen.png └── README.md

About

Se utiliza la api de pokemon para hacer una pokedex donde se encuentran todos los pokemones

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •