MUGMARP
All projects
/projects/vyde·web· 2025
Featuredshipped

Vyde

Custom YouTube frontend. Cleaner UI, more control over playback, no ads. TypeScript SPA.

Overview

Vyde is a custom YouTube frontend — a SPA that wraps the YouTube player and the public video metadata endpoints behind a cleaner, ad-free interface. Built in TypeScript with a focus on fast page loads and keyboard-friendly navigation. Part of an exploration of how web tech can replace platform-locked apps for power users.

Highlights

  • End-to-end TypeScript with strict types
  • No YouTube API key required for the core flow
  • Keyboard-first design — built for power users

Technical architecture

  • SPA: Vite-bundled React app, fast cold start.
  • Data: public YouTube endpoints (no API key needed for basic metadata), piped through a thin client layer.
  • Player: YouTube IFrame API for playback; custom controls overlay for keyboard shortcuts and ad-skipping heuristics.
  • State: lightweight — most state is URL/query-string driven for shareable views.
Stack
TypeScriptReactViteTailwind CSSYouTube IFrame API
Statusshipped
Year2025