Volver al proyecto

Pulse — Biblioteca de vídeos y listas

Biblioteca de vídeos, listas de reproducción y programación diaria de entrenamientos

El reto

Un equipo de fitness/contenidos necesitaba una app para gestionar una biblioteca de vídeos, organizar listas de reproducción, etiquetar contenido y programar los entrenamientos "de hoy", con una UX clara y orden por arrastre.

Mi rol

Desarrollé el frontend: CRUD de vídeos y listas, ordenación con arrastre (FormKit), gestión de etiquetas, vista Hoy e integración de reproductor (Media Chrome / Castable).

Características principales

  • Biblioteca de vídeos con subida, metadatos y etiquetas
  • Listas de reproducción con reordenación por arrastre
  • Página Hoy para entrenamientos programados
  • Auth y layout responsive con sidebar/nav

El resultado

  • El equipo de contenidos puede mantener listas y programación sin intervención de desarrollo
  • Experiencia de reproducción y programación consistente

Cómo funciona

  1. 01

    El equipo sube vídeos, añade metadatos y etiquetas; la biblioteca se navega y filtra.

  2. 02

    Se crean listas de reproducción y se reordenan vídeos con arrastrar y soltar (p. ej. FormKit).

  3. 03

    La vista «Hoy» muestra los entrenamientos programados del día; los reproductores consumen esa programación.

  4. 04

    La reproducción usa Media Chrome / Castable; el auth define quién puede gestionar contenido.

Stack

ReactViteTanStack QueryZustandFormiki18nMedia Chrome

Galería

Welcome screen — desktop
01 / 08

Welcome screen — desktop