Back to project

Pulse — Video Library and Playlists

Video library, playlists and daily workout schedule

The Challenge

A fitness/content team needed an app to manage a video library, organise playlists, tag content and schedule "today's" workouts — with clear browsing and drag-and-drop ordering.

My Role

I built the frontend: video and playlist CRUD, drag-and-drop ordering (FormKit), tags management, Today view and video player integration (Media Chrome / Castable).

Key Features

  • Video library with upload, metadata and tags
  • Playlists with drag-and-drop reordering
  • Today page for scheduled workouts
  • Auth and responsive layout with sidebar/nav

The Outcome

  • Content team can maintain playlists and schedule without dev involvement
  • Consistent playback and scheduling experience

How It Works

  1. 01

    Team uploads videos, adds metadata and tags; the library is browsable and filterable.

  2. 02

    Playlists are created and videos are reordered with drag-and-drop (e.g. FormKit).

  3. 03

    The "Today" view shows the scheduled workouts for the day; players consume this schedule.

  4. 04

    Video playback uses Media Chrome / Castable; auth controls who can manage content.

Stack

ReactViteTanStack QueryZustandFormiki18nMedia Chrome

Gallery

Welcome screen — desktop
01 / 08

Welcome screen — desktop