Brandon Yuen logo
← All projects

Full-Stack Web App

Youtube Distilled

A full-stack web app that turns YouTube videos into structured outputs such as summaries, key takeaways, and chat-based experiences.

Built end-to-end from PRD through production using Next.js, Supabase, the Gemini API, and the YouTube API, with Claude Code supporting the development workflow and Vercel used for deployment.

Key Features

  • User authentication and account-based access
  • Paste link or search for YouTube videos via the YouTube API
  • Save video summaries into a personal library with custom folders
  • Chat with an entire folder to ask questions across multiple videos

Tools Used

  • Next.jsfrontend and application framework
  • Supabasedatabase, backend services, and authentication
  • Gemini APIcontent generation and chat functionality
  • YouTube APIvideo search and data ingestion
  • Verceldeployment and hosting
  • Claude Codedevelopment workflow support
Youtube Distilled - image 1
Youtube Distilled - image 2
Youtube Distilled - image 3