Descripción General

Frontify se concibió como una plataforma moderna de gestión y transmisión de música, diseñada para competir con los servicios de música líderes del sector. Desarrollada durante un sprint ágil de dos semanas como proyecto de equipo (cuatro miembros) dentro del Bootcamp Frontend de Factoría F5, el objetivo era crear una aplicación web responsiva en React que permitiera a los usuarios explorar y navegar por un extenso catálogo de música digital. Utilizando la API web de Spotify como proveedor de datos de backend, el equipo se centró en ofrecer un MVP funcional que priorizara la visualización del catálogo, la funcionalidad de búsqueda en tiempo real y la navegación por discografía centrada en el artista.

El Desafío

El proyecto requería transformar requisitos de usuario complejos en una aplicación web intuitiva y adaptable en un plazo estricto de 14 días:
     - Adaptabilidad Multidispositivo: La interfaz de usuario debía mantener una usabilidad impecable y un equilibrio visual en pantallas de escritorio, tabletas y móviles sin sacrificar la disponibilidad de las funciones.

     - Integración de API y Gestión Dinámica de Datos: Se requería el manejo asíncrono de datos para obtener de forma limpia las carátulas de los álbumes, los detalles de las pistas y los metadatos de los artistas desde la API web de Spotify.

     - Gestión Ágil del Alcance: Con múltiples funciones definidas en el backlog, el equipo tuvo que priorizar las historias de usuario principales en dos sprints de una semana para entregar una aplicación pulida y completamente operativa para la revisión final del cliente.

     - Diseño y Desarrollo Colaborativos: Se coordinó a cuatro desarrolladores para crear un sistema de diseño personalizado y coherente desde cero utilizando Figma antes de escribir el código, manteniendo una arquitectura de componentes limpia en React.

Nuestro Enfoque

Trabajando en colaboración bajo principios Agile, el equipo ejecutó un flujo de trabajo estructurado para desarrollar la aplicación:
UI/UX Personalizadas y Wireframing::
     - Diseñamos una interfaz limpia, inspirada en el modo oscuro, en Figma, adaptada a las plataformas de streaming multimedia, estableciendo una jerarquía visual clara, reglas de diseño y puntos de interrupción responsivos.

Arquitectura de Componentes React:
     - Creamos componentes React modulares para las funciones principales: una pantalla principal, tarjetas de álbumes dinámicas con renderizado de carátulas, diseños dedicados para la vista del artista y una barra de búsqueda interactiva.

Integración con la API de Spotify y Motor de Búsqueda:
     - Conectamos la aplicación a los endpoints de la API web de Spotify para obtener listados de álbumes en tiempo real, carátulas de alta resolución y listas de canciones detalladas.

     - Implementamos el filtrado de consultas en tiempo real, lo que permite a los usuarios buscar álbumes específicos al instante y navegar directamente a la discografía completa de un artista.

Priorización Iterativa del Sprint:
     - Enfoque de los sprints 1 y 2: Ejecución centrada en perfeccionar la visualización del catálogo, la indexación de búsqueda, las vistas filtradas por artista y la adaptabilidad a dispositivos móviles.

     - Gestión del Backlog: Se priorizaron las funcionalidades clave de la experiencia del usuario, documentando las funciones administrativas CRUD (agregar, editar y eliminar álbumes) en el backlog técnico para futuras iteraciones, garantizando una demostración para el cliente sólida y sin errores.

Galería de Proyectos

Resultados

El sprint de dos semanas culminó con éxito con una aplicación web moderna y completamente operativa, implementada en Vercel:
     - Alta Fidelidad Visual e UI Personalizada: Se entregó un diseño de interfaz original y moderno, optimizado para todos los dispositivos (móvil, tableta y ordenador).

     - Navegación Fluida por Catálogo y Artistas: Se facilitó la exploración musical con búsqueda instantánea de álbumes y navegación con un solo clic para ver la discografía completa de cada artista.

     - Flujo de Datos Asíncrono Fiable: Se integró sin problemas la API REST de Spotify, garantizando tiempos de respuesta rápidos y una vinculación precisa de datos para las portadas de los álbumes y los metadatos.

     - Colaboración de Equipo Optimizada: Se coordinó con éxito un equipo de desarrollo de cuatro personas utilizando el control de versiones Git y los tableros de tareas Trello para entregar un MVP listo para producción a tiempo.