MusyCharts

MusyCharts conecta con la API de Spotify para extraer estadísticas personalizadas y mostrarlas con amCharts 5 en dashboards interactivos que revelan hábitos musicales y géneros predominantes. La aplicación permite a los usuarios autenticarse mediante OAuth 2.0, seleccionar rangos de tiempo y explorar sus tendencias de escucha a través de gráficos dinámicos y un diseño moderno y responsive.

Es un proyecto personal desarrollado para aprender sobre integración de APIs, autenticación OAuth y visualización de datos en la web (y practicar con OAuth fue muy acertado ya que terminé trabajando con ello en mi siguiente trabajo).

La decisión de usar Vue.js y Vuetify podría decir que se basó en su facilidad para construir interfaces reactivas y componentes modulares (aunque realmente no necesitas todo un framework para algo como esto, fue más para practicar), mientras que amCharts 5 lo elegí porque quería probar otra librería a parte de Charts.js y esta se veía bastante prometedora.

El desarrollo comenzó con la configuración del entorno y maquetación de algunas vistas (en este caso no utilicé Figma y fui directamente al código), seguido por las pruebas e implementación de la autenticación OAuth 2.0. Luego se diseñaron y desarrollaron los dashboards utilizando amCharts 5 para representar visualmente los datos obtenidos.

Tiempo después decidí hacer un re-diseño completo para hacer mas llamativa la interfaz y mejorar la experiencia de usuario, agregando nuevas visualizaciones y optimizando el rendimiento general de la aplicación.