Este proyecto se desarrolló en grupo dentro del Bootcamp de Desarrollo Frontend de Factoría F5.
La actividad consistía en construir una web funcional con React para gestionar un catálogo de álbumes musicales, siguiendo una metodología ágil dividida en dos sprints.
Durante el proceso, se trabajó con historias de usuario, validaciones con el cliente (profesores), diseños previos en Figma y una gestión de flujo de trabajo mediante sprints semanales. Además, se creó una identidad de marca completa para «Frontify», que incluía logotipo, tipografía y paleta de colores coherente con el estilo del proyecto.
Plataforma musical creada con React, donde diseño y desarrollo se unen para dar vida a Frontify.
Haz clic en la imagen para visitar la web.
PROCESO CREATIVO
El desarrollo del proyecto se organizó por etapas, combinando diseño y programación de manera colaborativa.
- Metodología ágil: El equipo planificó las historias de usuario al inicio de cada sprint con Trello, validando con el cliente cada avance antes de continuar con la siguietne funcionalidad.
- Diseño e identidad visual: Se creó la marca Frontify, definiendo su isologo, imagotipo, tipografía y gama cromática, con un estilo moderno y tecnológico acorde al producto digital.
- Diseño de interfaz: antes de implementar cada historia, se diseñaron los componenetes en Figma para mantener coherencia visual y un buena experiencia de usuario.
- Desarrollo con React: La aplicación se programó con React como framework principal, integrando funcionalidades como:
- Visualización del catálogo de álbumes.
- Búsqueda de álbumes y filtrado por álbumes.
- Reproducción de canciones.
- Gestión administrativa (añadir, editar o eliminar discos).
- Trabajo colaborativo: Se aplicaron buenas prácticas de control de versiones y revisiones conjuntas del código para asegurar la integración fluida del proyecto.
- Alcance y limitaciones: Durante el desarrollo se completaron la mayoría de las funcionalidades prevista. Sin embargo, debido a limitaciones de tiempo, no fue posible implementar la reproduciión de canciones ni la gestión administrtiva (añadir, editar o eliminar discos).
El resultado fue una plataforma interactiva, visualmente atractiva y funcional, que combina diseño, desarrollo y metodología ágil, ofreciendo una experiencia de usuario completa en torno al mundo musical.