UCH Tunes

html tailwindcss javascript prelinejs firebase

Vista del dashboard UCH Tunes

Descripción general

UCH Tunes es una plataforma web diseñada para gestionar una biblioteca musical con funcionalidades integradas para subir canciones, asignar letras y géneros, y visualizar métricas estadísticas en tiempo real.

Funcionalidades principales

  • 🎵 Subida y gestión de música

    • Permite agregar nuevas canciones con detalles como portada, nombre, artista, letra y género.
    • Opciones para reproducir, ver letra, editar o eliminar canciones existentes.
  • 📊 Dashboard de métricas

    • Visualización de estadísticas clave: total de canciones, letras asignadas, géneros y artistas.
    • Gráficos circulares para mostrar proporciones de canciones con letras y distribución por género.
    • Gráficos de barras para cantidad de canciones por género.
  • 🎯 Gestión de géneros musicales

    • Creación, visualización y eliminación de géneros musicales personalizados.
    • Listado claro y ordenado de géneros con opción para añadir nuevos.
  • 🔍 Búsqueda rápida

    • Barra de búsqueda para filtrar canciones o géneros fácilmente.
  • 👤 Interfaz limpia y responsiva

    • Uso de TailwindCSS para diseño moderno y adaptable.
    • Componentes interactivos potenciados por Preline.js para modales, menús y navegación.

Tecnologías usadas

  • HTML – Estructura semántica de la aplicación.
  • TailwindCSS – Framework CSS para estilos rápidos y responsivos.
  • JavaScript Vanilla – Lógica de interacción, manejo del DOM y funcionalidades dinámicas.
  • Preline.js – Librería para componentes UI como modales y menús desplegables.
  • Firebase – Backend en la nube para almacenamiento de datos, autenticación y hosting.

Conclusiones y aprendizajes

Este proyecto universitario permitió desarrollar habilidades integrales en creación de aplicaciones web completas, desde el diseño frontend limpio y funcional, hasta la integración con un backend en la nube para manejo de datos en tiempo real. Además, la implementación de visualizaciones estadísticas enriqueció la experiencia del usuario y facilitó la interpretación de la información musical almacenada.