Back
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:
Technical Highlights:
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:
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