View Code

Harmony Hub es una aplicación de música desarrollada como parte de un trabajo práctico integrador para la universidad, inspirada en la experiencia de plataformas como Spotify. El objetivo principal del proyecto fue crear una plataforma que permitiera a los usuarios explorar álbumes y artistas, escuchar música y navegar entre diferentes secciones con una interfaz amigable e intuitiva.

El proyecto fue construido utilizando React para el frontend, acompañado por Bulma para el diseño de la interfaz. Vite se utilizó como herramienta de configuración para garantizar un entorno de desarrollo rápido y eficiente. Para la gestión de rutas y navegación dentro de la aplicación, implementé React Router, lo que permitió una navegación fluida entre las diferentes secciones de la app.

Para la parte de datos, consumí la API de la universidad (HarmonyHub) que me permitió obtener información sobre álbumes, canciones y artistas, y mostrarla de forma dinámica en la aplicación. Puedes ver el código y la implementación del proyecto en su repositorio de GitHub, o explorar el despliegue de la aplicación en el siguiente enlace: HarmonyHub Deploy.

Entre las funcionalidades destacadas se incluyen:

• Exploración de álbumes y artistas con una interfaz de usuario moderna.
• Un reproductor de música que se asemeja al de Spotify, con reproducción automática y un control flotante.
• Paginación y búsqueda para facilitar la navegación a través de grandes listas de música.

El proyecto fue desarrollado con la idea de desplegarse en plataformas como Netlify, asegurando que los cambios realizados en el repositorio se reflejen de manera automática en el entorno de producción.