Youtube Subscription Manager

Year

2025

Tech & Technique

React.js, Node.js, Supabase, Axios, Tailwind CSS, Framer Motion

Description

A personalized YouTube subscription management platform that helps users organize, track, and interact with their favorite channels more efficiently. Built with React and powered by Supabase for real-time data sync and user authentication.

Key Features:

🔍 Channel Search: Search and subscribe to any YouTube channel using the YouTube Data API
📺 Video Feed: View latest videos from your subscribed channels in a grid layout
✅ Watched Tracker: Mark videos as watched to hide them from view and reduce clutter
🗂️ Filter & Sort: Organize feed by newest, oldest, most popular, or channel name
🔐 Auth & Sync: Supabase authentication and real-time sync of user subscriptions

Technical Highlights:

Used YouTube Data API to fetch channel and video metadata dynamically
Implemented Supabase for authentication, database, and real-time updates
Built UI using React and Tailwind with shadcn for clean, modern components
Designed scalable schema to store subscriptions, watched status, and preferences per user
Added sorting, filtering, and pagination for optimal performance and UX

My Role

Full-Stack Developer
Handled the complete product flow from backend schema to frontend UI:

✅ Frontend: Developed the app using React, Tailwind, and shadcn for seamless UX
📡 API Integration: Connected YouTube Data API for channel/video retrieval and metadata display
🗃️ Database Design: Structured Supabase tables for subscriptions and watched history
🔐 Auth: Implemented Supabase Auth for user login, session management, and access control
♻️ Real-Time Sync: Used Supabase's real-time features to reflect updates across sessions instantly
🚀 Deployment: Deployed the app on Vercel with environment-secured API tokens and Supabase keys