Subscription Baba – Shared Subscription Management Platform

Overview

Subscription Baba is a full-stack web application designed to simplify and optimize the management of shared digital subscriptions. The platform enables users to legally and cost-effectively access premium services (such as Netflix, Spotify, and YouTube Premium) by organizing and administering family plan memberships.

As the lead developer, I was responsible for architecting and implementing the entire system from its inception. The primary objectives were to ensure scalability, high performance, and user-centric design, resulting in a system that integrates robust backend logic with an intuitive frontend experience.

Technical Stack

• Next.js: Utilized for a performant, SEO-friendly frontend, leveraging the App Router and API routes.
• Tailwind CSS: Employed for utility-first, highly customizable styling.
• Shadcn UI: Implemented for a modern, accessible, and theme-consistent component library.
• Supabase: Served as the Backend-as-a-Service (BaaS) for authentication, database (PostgreSQL), and real-time data synchronization.
• Vercel: Used for seamless deployment, continuous integration/delivery (CI/CD), and global performance optimization.

Core Features

User and Group Management

• Full CRUD (Create, Read, Update, Delete) operations for users and family groups.
• Logic for assigning users to specific groups based on service requirements.
• Bulk data import and export functionality for user migration and backups.

Subscription Slot Management

• Administration of available slots within subscription plans (e.g., 5-person Spotify family plan).
• Real-time tracking of slot assignments and availability.
• Backend validation rules to prevent overbooking and duplicate assignments.

Interactive Administrative Dashboard

• A unified interface for monitoring all users, groups, and slot utilization.
• Real-time data updates powered by Supabase subscriptions.
• Dynamic data tables featuring robust sorting, searching, and filtering capabilities.

Financial Tracking

• Functionality to track payments received from individual users.
• Financial overviews detailing total earnings and expenses, filterable by service or group.
• At-a-glance financial status, including outstanding payments and upcoming renewals.

Data Operations and Security

• Data import and export capabilities (CSV/JSON).
• Implementation of secure, role-based access control (RBAC) for all administrative operations.

Developer Responsibilities and Focus

• Architected the PostgreSQL database schema and supporting Supabase functions to ensure relational integrity and high performance.
• Developed a reusable UI component library using Shadcn UI and Tailwind CSS, establishing a consistent and maintainable design system.
• Prioritized responsive design and adherence to accessibility standards throughout the application.
• Engineered the deployment pipeline on Vercel to ensure scalability and optimize loading times.
• Implemented a clean, maintainable codebase utilizing modern React patterns and Next.js file-based routing.

Future Roadmap

The current minimum viable product (MVP) is stable and fully functional. Potential future iterations include:

• AI-powered recommendations for optimal plan suggestions.
• An automated notification system for payment reminders.
• Development of a mobile-optimized Progressive Web App (PWA).