Subscription Baba

Subscription Baba is a full-stack web application built to simplify and optimize the way users manage shared subscriptions. It enables users to legally access premium digital services like Netflix, Spotify, and YouTube Premium through family plans — offering a cost-effective, organized approach to shared subscriptions.

As the lead developer, my role was to design and build the entire system from the ground up with scalability, performance, and usability in mind. The project combines powerful backend logic with a clean, intuitive frontend experience.

🛠 Tech Stack

• Next.js – For building a performant, SEO-friendly frontend with app routing and API routes
• Tailwind CSS – For utility-first, highly customizable styling
• Shadcn UI – For modern, accessible, and theme-consistent components
• Supabase – As the backend-as-a-service, handling authentication, database (PostgreSQL), and real-time features
• Vercel – For seamless deployment and CI/CD, enabling rapid iteration and global performance

✨ Core Features

👥 User & Family Management

• Add, update, and delete users and family groups
• Assign users to specific families based on service requirements
• Import/export user data in bulk for easier migration or backups

📦 Slot Management

• Manage available slots per subscription (e.g. 5-person Spotify family)
• Track slot assignments and current availability in real time
• Prevent overbooking or duplication through validation rules

📊 Interactive Dashboard

• Unified dashboard for monitoring all users, families, and slot usage
• Real-time updates powered by Supabase subscriptions
• Sort, search, and filter through dynamic tables and UI elements

💰 Finance Management

• Track payments from individual users
• View total earnings and expenses per service or family group
• Get a financial overview at a glance, including unpaid members and renewals

📤 Data Operations

• Export and import data in CSV/JSON formats
• Secure, role-based access control for administrative operations

🎯 My Focus as a Developer

• Architected the database schema and Supabase functions for relational integrity and high performance
• Built reusable UI components using Shadcn + Tailwind for a consistent design system
• Prioritized responsive design and accessibility throughout the app
• Ensured scalable deployment and fast loading times via Vercel
• Implemented a maintainable codebase using modern React patterns and file-based routing

💡 Future Plans

While the current MVP is stable and fully functional, future iterations may include:

• AI-powered recommendations (e.g. optimal plan suggestions)
• Notifications for payment reminders
• Mobile-optimized PWA version