Overview
Mobile-first PWA for saving and organizing YouTube videos. Features deep-linking to the YouTube app and a seamless sharing experience on Android. Made with love ❤️ for my beloved wife, with all my heart.
Technology Stack
frontend
React Router 7TypeScriptTailwindCSSshadcn/ui@dnd-kit
backend
Node.jsReact Router 7 (SSR)Prisma ORMPostgreSQL
infrastructure
KubernetesHelmDockerGitHub Actions
pwa
Service WorkersWeb Share Target APIWeb App Manifest
Key Features
- •PWA with Web Share Target - accepts links from YouTube via "Share" menu
- •Open in YouTube app - clicking a video opens it in the native app
- •Drag & Drop reordering - intuitive interface for organizing your collection
- •Responsive Grid - optimized layout for mobile (3 columns) and desktop (7 columns)
- •User Authentication - Google OAuth integration for personal collections
- •Dark/Light theme support matching OS settings
Technical Highlights
- •Full-stack React Router 7 implementation with SSR
- •Database management with Prisma and PostgreSQL
- •Cloud-native deployment using Kubernetes and Helm
- •CI/CD automation with GitHub Actions
- •Progressive Web App features including offline support
- •Integration with Web Share API for seamless mobile experience
Screenshots
