IMPORTANT: AI Usage Costs

This platform uses AI-powered features (content generation, subject line suggestions, analytics insights) that connect to external AI providers. AI API usage costs are NOT included in the purchase price. You will need to provide your own API keys and manage associated costs separately. Typical costs vary based on usage volume.

Rellee — The All-in-One Short Video Sharing & Creator Monetization SaaS Platform

Rellee is a premium, self-hosted short-form video platform built for creators, startups, and media businesses who want to own their content distribution and monetization stack. Powered by React 18, TypeScript, Vite, Tailwind CSS, and Supabase, Rellee delivers a production-ready, white-label video ecosystem — deployable in minutes with a guided Setup Wizard that requires zero manual database commands.

Whether you’re building the next TikTok alternative, a niche creator community, a branded video hub for your company, or an educational content platform — Rellee gives you everything out of the box.

Live Demo

Demo URL: https://rellee.wrapcoders.com

Creator: creator@demo.com / Creator123!
User: user@demo.com / User123!

One-Click Production Setup — No DevOps Required

Rellee ships with an intelligent 5-step Setup Wizard that automatically bootstraps your entire platform:

• Step 1 — Environment Validation: Automatically checks database connection, authentication service, storage service, and service role key. Blocks progression if anything is misconfigured — no more mysterious deployment failures.
• Step 2 — Super Admin Creation: Creates your first admin account with enforced password strength (8+ characters, uppercase, lowercase, number, special character). Uses secure server-side account creation — no manual SQL inserts needed.
• Step 3 — App Identity: Set your platform name, tagline, and support email. These propagate to the navbar, page titles, emails, and footer instantly.
• Step 4 — System Settings: Configure user registration (open or invite-only), default user role (viewer or creator), and maintenance mode — all toggleable later from the Admin Panel.
• Step 5 — Review & Launch: Confirm your configuration and launch. The wizard permanently dismisses itself and redirects you to the Admin Panel.

When no admin exists, the app automatically redirects all visitors to /setup. Once setup is complete, the platform opens normally. No edge cases. No confusion.

Complete Video Platform

Rellee isn’t a template — it’s a fully functional video platform with features you’d expect from a mature SaaS product:

• Video Upload & Management: Upload videos with custom thumbnails, frame picker, tags, descriptions, content ratings, and visibility controls (public, unlisted, private).
• Multi-Feed Discovery: Explore feed, Following feed, and Trending feed with algorithmic and chronological sorting. Infinite scroll with skeleton loading states.
• Advanced Video Player: Custom controls with playback speed, quality settings, picture-in-picture, mini player, keyboard shortcuts, and watch progress tracking (resume where you left off).
• Video Comments: Threaded comments with likes, pinning, editing, and real-time updates. Comment mode controls per video (open, approval-only, disabled).
• Playlists: Create, reorder (drag-and-drop), and share playlists. Public, private, and unlisted visibility options.
• Watch Later & Bookmarks: Save videos to Watch Later or organized bookmark collections.
• Watch History: Full viewing history with progress indicators and resume playback.
• Up Next Overlay: Configurable auto-play countdown with customizable duration.
• Video SEO: Automatic JSON-LD structured data for every video page. Search engine optimized with proper meta tags, canonical URLs, and semantic HTML.

Monetization Engine — 4 Revenue Streams

Rellee gives creators and platform owners multiple ways to generate revenue:

1. Subscription Plans (Stripe & PayPal)

• Create unlimited subscription tiers with custom pricing, features, and billing periods
• Stripe and PayPal dual-gateway support with live and sandbox/test modes
• Automatic checkout session creation, webhook handling, and subscription lifecycle management
• Customer portal for self-service subscription management
• Subscription event logging and PDF invoice generation

2. Creator Tips

• Viewers can tip creators directly on videos with custom amounts
• Tip history tracking for both senders and receivers
• Stripe-powered tip checkout with instant creator earnings credit

3. Ad Campaigns

• Three ad formats: Pre-Roll (video ads before content), Banner (display ads in feed), Sponsored Content (native placements)
• Creators can create and manage their own ad campaigns with budget, CPM, targeting (age range, tags), and scheduling
• Impression and click tracking with real-time analytics
• Third-party ad network integration support (Google AdSense, custom ad tags)

4. Creator Fund

• Admin-configurable milestone system: set view thresholds and bonus amounts
• Creators claim bonuses when they hit milestones (e.g., 10K views = $50 bonus)
• Fully managed from the Admin Panel with enable/disable per milestone

Creator Dashboard

Every creator gets a comprehensive dashboard to manage their content and track performance:

• Overview: Total views, likes, earnings, subscriber count, and recent activity at a glance
• Video Manager: Full CRUD for videos with drag-and-drop reordering, bulk actions, and status filters (draft, published, under review)
• Analytics: Detailed charts for views, watch time, engagement rates, and audience demographics
• Earnings: Revenue breakdown by source (ads, tips, subscriptions, creator fund) with payout request management
• Ad Campaigns: Create, monitor, pause, and analyze self-serve advertising campaigns
• Playlist Manager: Create and organize playlists with drag-and-drop video ordering
• Messages: Direct messaging with viewers and other creators
• Settings: Profile editing, notification preferences, privacy controls

Admin Panel — Full Platform Control

The Admin Panel gives platform owners complete control over every aspect of the application:

• User Management: View, search, filter, and manage all users. Assign roles (user, creator, moderator, admin). Ban, suspend, or delete accounts.
• Content Moderation: Review reported content, approve/reject videos, manage content appeals with admin response workflow.
• Content Policy: Configure content categories, set blocking rules, and manage age-gate requirements per category.
• Analytics Dashboard: Platform-wide metrics — total users, videos, views, revenue, engagement trends.
• Ad Management: Review and approve creator ad campaigns. Configure third-party ad networks.
• Creator Fund: Create and manage milestone tiers. Track claims and bonus distributions.
• Payment Settings: Configure Stripe and PayPal gateways with live/sandbox toggle and connection testing.
• Static Pages: Create and manage CMS pages (About, Terms, Privacy) with a rich text editor. Published pages are accessible at /page/slug.
• Platform Settings: White-label branding (name, logos, colors, favicon), registration controls, maintenance mode.
• Activity Log: Complete audit trail of all admin actions with timestamps, target details, and admin identity.
• Appeals: Review and respond to content appeals submitted by creators whose videos were moderated.

Real-Time Messaging

• 1-on-1 and group conversations
• Real-time message delivery via WebSocket subscriptions
• Message reactions (emoji)
• Read receipts with avatar indicators
• Typing indicators
• Reply threading
• File and image attachments
• Message editing and deletion
• Unread message count badges

Communities

• Create public or private communities with custom avatar and cover images
• Community posts with image attachments and emoji reactions
• Join request workflow for private communities
• Member roles (owner, moderator, member)
• Member count tracking
• Community discovery feed

Progressive Web App (PWA)

• Fully installable on mobile and desktop — works like a native app
• Offline fallback page
• VAPID-based web push notifications
• Per-user notification preferences (likes, comments, follows, tips, milestones, communities)
• Smart update prompt when a new version is deployed
• Dedicated install page with platform detection (iOS, Android, Desktop)

Internationalization (i18n)

• 50+ supported languages with AI-powered dynamic translation
• Translation caching in the database for performance
• Per-user language preference saved to profile
• Auth page language picker for pre-login language selection
• Shimmer loading states during translation fetches
• English base with complete translation key coverage

Security — Enterprise-Grade by Default

• Row-Level Security (RLS) enabled on every single database table
• Role-Based Access Control (RBAC): 4-tier system — User → Creator → Moderator → Admin
• Protected routes with role guards (client-side and server-side verification)
• Service role key isolation — private keys never exposed to the client
• Content safety: age gates, content ratings, content flags
• User blocking system
• Content reporting with admin review workflow
• Admin activity audit logging
• Setup Wizard abuse prevention (admin creation permanently blocked after first admin)

White-Label & Theming

• Customizable platform name, logos (light & dark), and favicon from Admin Settings
• Dark and light theme with automatic system preference detection
• CSS custom properties design system for easy color customization
• Geist font family (variable weight) included
• Responsive 3-tier layout (mobile, tablet, desktop)
• Frosted-glass navbar effects on landing page
• Smooth scroll navigation
• Pull-to-refresh on mobile

Tech Stack & Architecture

Frontend	React 18, TypeScript, Vite, Tailwind CSS, shadcn/ui, Framer Motion
Backend	Supabase (PostgreSQL, Auth, Storage, Edge Functions, Realtime)
Payments	Stripe & PayPal (dual-gateway)
Notifications	VAPID Web Push
PWA	vite-plugin-pwa with Workbox
Testing	Vitest
Rich Text	Tiptap Editor
Charts	Recharts
Drag & Drop	dnd-kit

What’s Included

• Full source code (React + TypeScript)
• 14 Supabase Edge Functions
• 35+ database tables with complete migrations
• Comprehensive documentation site (/docs)
• Setup Wizard for zero-config deployment
• Dark & Light theme
• Responsive design (mobile, tablet, desktop)
• SEO optimized with JSON-LD structured data
• PWA-ready with push notifications
• 50+ language support
• Free lifetime updates

Changelog — v1.0.0 (Initial Release)

• Complete video upload, management, and playback system
• Multi-feed discovery (Explore, Following, Trending)
• 4 monetization streams (subscriptions, tips, ads, creator fund)
• Real-time messaging with reactions and read receipts
• Communities with posts and moderation
• Full Admin Panel with 11 management sections
• 5-step production Setup Wizard
• PWA with web push notifications
• 50+ language internationalization
• Dark/light theming with white-label branding
• 35+ database tables with Row-Level Security
• 14 Supabase Edge Functions
• Comprehensive documentation site

Requirements

• Node.js ≥ 18.x
• Supabase account (free tier works for development)
• Stripe account (optional — for payment features)
• PayPal developer account (optional — for PayPal gateway)

Documentation

Rellee ships with a complete documentation site at /docs/index.html covering installation, setup wizard walkthrough, architecture, database schema, authentication, edge functions, security, every feature in detail, deployment, API reference, roles & permissions, and a full changelog.

Support

If you have any questions or need help with setup, feel free to reach out through the item comments or via the support email. We typically respond within 24 hours.

Version_v1.2.1

Shorts player stability, video player enhancements, and UI refinements.

✦ Added
• Full-screen Shorts & Reels player with TikTok-style vertical swipe navigation
• Shorts ad system: pre-roll, interstitial, overlay card, and banner ad formats
• Double-tap-to-like with heart animation in Shorts player
• Vertical volume slider on hover in Shorts player
• Auto-advance mode with 3-second cancelable countdown (persisted in localStorage)
• 3-loop replay limiter with manual replay overlay
• Shorts grid discovery page at /shorts
• Shorts comments drawer with threaded comments
• Creator info overlay with Follow/Following button in Shorts player
• Canvas-synced mini-player (PiP) with drag, volume, progress seeking, and position memory
• Cinematic Theater Mode for video player
• Adaptive bitrate streaming (360p–1080p) with visual quality change toasts
• Data Saver mode (locks to 360p, persisted in user preferences)
• Warm cache strategy: preloads first 512KB and first 3 feed videos
• Video frame picker for custom thumbnail selection during upload
• Thumbnail quality badge on video cards
• Sent tips history view for tippers
• Playlist sidebar widget for video pages
• "Updating & Migrations" documentation section

✦ Improved
• Watch History — Enhanced with search by title/creator, progress filtering (All, In Progress, Completed), infinite scroll pagination, individual item removal with undo, and creator name display
• Shorts player uses videoRefCallback pattern for stable video initialization within AnimatePresence
• Volume/mute state decoupled from video loading logic to prevent playback restarts
• Shorts close button: inside video on mobile, outside container on desktop
• Bottom metadata overlay (avatar, name, title) properly z-indexed above video element
• Pre-roll ad auto-dismiss stabilized (removed unstable dependency from useEffect)
• Buffering detection improved with safety valve timeout and stalled event handler
• 300ms navigation lock prevents accidental skip on fast swipes
• Video player settings consolidated into unified settings gear menu
• Mobile responsive: tab lists use flex-wrap, tables use overflow-x-auto, stats grids stack
• PWA offline detection completely removed — no more persistent offline banner
• Documentation fully white-labeled with no external platform references
• Added comprehensive Upgrade Guide section to documentation

✦ Fixed
• Shorts player stuck loading / video won't play — resolved ref stability and initialization timing
• Shorts metadata (avatar, name, follow button) not showing — fixed z-index layering
• Pre-roll ad skip timer resetting during parent re-renders
• Video buffering spinner showing permanently when video ref mounts late
• Mini-player canvas not rendering frames when video element was detached

✦ Removed
• public/offline.html — offline fallback page deleted
• isOnline state from usePWA() hook — online/offline event listeners removed
• Offline badge from Install page header
• WifiOff icon import from Install page

Version_v1.0.0

Initial public release of Rellee — the all-in-one short-form video platform.

✦ Core Platform
• Multi-feed video discovery (Explore, Following, Trending) with infinite scroll
• Video upload with custom thumbnails, tags, visibility, and content rating
• Custom video player with settings gear (quality, speed, volume) and Up Next overlay
• Watch progress resume across sessions
• Threaded comments with likes, pinning, and creator badges
• Like, bookmark, share, and report actions on all videos
• Watch Later with bookmark collections/folders
• Video SEO with JSON-LD structured data and meta tags
• Dynamic XML sitemap generation for search engines

✦ Authentication & Accounts
• Email/password authentication with email verification
• Password strength meter with real-time validation
• Forgot password / reset password flow
• Post-signup onboarding wizard
• Role-based access control (admin, moderator, creator, user)
• Protected routes with role guards
• User profiles with avatar, bio, privacy settings
• Follow/unfollow system with follower counts
• User blocking

✦ Creator Dashboard
• Overview with stats cards and quick actions
• Video management with drag-and-drop reordering and bulk actions
• Revenue breakdown (ads, tips, subscriptions) with charts
• Analytics with views, likes, and engagement over time
• Self-serve ad campaign creation with targeting and budgets
• Playlist management with public/private/unlisted visibility
• Creator profile pages with video grid and stats
• Payout request system

✦ Admin Panel
• User management (roles, bans, creator upgrades)
• Content moderation with report review workflow
• Content policy configuration (categories, age gates, blocked types)
• Content appeal review and resolution
• Ad campaign review (approve/reject creator campaigns)
• Platform ad inventory management
• Third-party ad integration (Google AdSense support)
• Creator Fund milestone configuration
• Platform-wide analytics dashboard
• Payment gateway setup (Stripe + PayPal)
• Subscription plans manager with per-gateway price IDs
• CMS for static pages (About, Terms, Privacy, etc.)
• Full admin activity audit log
• White-label branding (name, logos, colors, favicon)
• Upload limits per subscription tier
• Storage configuration
• Maintenance mode toggle

✦ Monetization
• Stripe integration (checkout, customer portal, webhooks)
• PayPal integration (sandbox + live)
• Configurable subscription plans with feature lists
• Creator tips with checkout flow
• Ad monetization with CPM tracking and impression counters
• Creator Fund with view-based milestones and bonus claims
• Earnings ledger and payout request system
• Invoice generation

✦ Messaging
• Real-time 1-on-1 and group conversations
• Message attachments and replies
• Emoji reactions on messages
• Read receipts with avatar indicators
• Typing indicators via Supabase Realtime
• Unread message count badges in navigation
• Message editing with edit timestamps

✦ Communities
• Create and discover communities
• Public and private visibility with join request flow
• Community posts with image support
• Emoji reactions on posts
• Membership roles (admin, moderator, member)
• Community moderation tools

✦ PWA & Push Notifications
• Full Progressive Web App with installability on all platforms
• Offline support with service worker and cached content
• Auto-update detection with user prompt
• Dedicated install page with per-platform instructions
• VAPID-based Web Push notifications (RFC 8291)
• Admin-configurable push triggers (follows, likes, comments, tips)
• Push subscription management in browser

✦ Internationalization
• AI-powered dynamic translation for 50+ languages
• 1400+ translation keys covering entire UI
• Translation caching in database
• Language picker on auth page and in user settings
• Loading overlays during translation

✦ UI/UX
• Dark and light theme with system preference detection
• Responsive 3-tier layout system (mobile/tablet/desktop)
• Geist font family (variable)
• Frosted-glass navbar on landing page
• Smooth scroll navigation with anchor links
• Pull-to-refresh on mobile
• Carousel-based content sections
• Skeleton loading states
• Toast notifications
• Contact form with admin review workflow

✦ Security
• Row-Level Security (RLS) on all database tables
• Role-based access control with database functions
• Protected routes with role guards
• Content safety: age gates, content ratings, content flags
• User blocking system
• Content reporting and appeal workflow
• Admin activity audit logging

✦ Setup & Onboarding
• 5-step production Setup Wizard at /setup
• Automatic redirect to wizard when no Super Admin exists
• Environment validation (database, auth, storage, service key)
• Secure Super Admin account creation via edge function
• Password strength enforcement (8+ chars, upper/lower/number/special)
• App identity configuration (platform name, tagline, support email)
• System settings (registration mode, default role, maintenance mode)
• One-click platform launch with setup finalization

✦ Backend Functions (14 Edge Functions)
• admin — Admin operations
• cloud-storage — File storage management
• create-checkout — Subscription checkout sessions
• create-portal-session — Stripe customer portal
• create-tip-checkout — Creator tip payments
• generate-invoice — PDF invoice generation
• payment-webhook — Stripe/PayPal event handler
• send-appeal-email — Appeal notification emails
• send-push-notification — Web push sender
• send-subscription-email — Subscription lifecycle emails
• setup-wizard — Production setup & admin bootstrapping
• sitemap — Dynamic XML sitemap
• test-payment-connection — Gateway connectivity test
• translate — AI-powered UI translation

codecanyon-62122673-rellee-short-video-sharing-creator-monetization-saas-platform.zip