MENU

GET IN TOUCH

joshidarshit2002@gmail.com
Back

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

DARSHIT

joshidarshit2002@gmail.com