Proyecto Brawl Stars (Visualizador de Personajes)

Este proyecto es una aplicación web interactiva que permite visualizar y filtrar personajes del videojuego Brawl Stars, mostrando información detallada mediante drag and drop.

Autor

Héctor Pascual Marín
Fecha: 24/02/2023

Tecnologías Utilizadas

• HTML5
• CSS3
• JavaScript

Estructura del Proyecto

/index.html
/css/app.css
/js/app.js
/img/

Descripción Funcional

• Visualización de personajes: Se muestran todos los personajes al cargar la página.

• Filtrado por tipo: Puedes filtrar personajes según su tipo (Luchador o Francotirador).

• Interacción Drag & Drop: Arrastra un personaje hacia la lupa para ver su ficha detallada con:

  • Imagen
  • Nombre
  • Tipo
  • Salud
  • Ataque
  • Habilidad

• Interfaz amigable: Los botones y los personajes responden visualmente al pasar el ratón por encima.

Cómo Ejecutar el Proyecto

1. Clona o descarga este repositorio.
2. Asegúrate de tener todos los archivos en su respectiva carpeta (css, js, img).
3. Abre index.html en cualquier navegador web moderno.

Consideraciones

• Las imágenes deben estar en la carpeta img/.
• Este proyecto no utiliza frameworks ni librerías externas.
• Funciona de forma totalmente local.

Mejoras Futuras

• Añadir más personajes.
• Implementar búsqueda por nombre.
• Añadir animaciones más elaboradas.
• Optimizar el sistema de drag and drop para dispositivos móviles.

---

¡Disfruta explorando los personajes de Brawl Stars!