praveen
← Back to work
Mojo-360· 2024Completed

Mojo-360

A full-stack video content ecosystem with React admin dashboard, Node.js API with BunnyStream video processing, and Expo mobile app for streaming, subscriptions, and offline playback.

3

Platforms

BunnyStream

Video

Razorpay

Payments

Lead developer · 2024

Web AppMobileVideoSaaS

Challenge

Mojo-360 required a powerful digital platform to unify video content management across web and mobile. The solution needed admin tools for content creators, a robust API for video processing and delivery, and a mobile app for end-users with streaming, subscriptions, and social features.

How I approached it

01

Scope and roles

Who uses web, mobile, and API; map the cross-surface workflow.

02

Shared foundation

Auth, API contracts, and one data model across all clients.

03

Phased delivery

Ship auth and core loop first, then sync, media, or real-time layers.

04

Integrations

Payments, streaming, maps, sockets, and third-party webhooks.

05

Hardening

Role permissions, performance, and multi-site or multi-tenant ops.

The solution

Mojo-360 is a three-platform video content ecosystem I delivered for a digital media organization:

Admin dashboard (React): Content management, user roles (admin, staff, customer), video upload with resumable TUS protocol, playlist organization, analytics, and monetization settings.

API server (Node.js/Express): Authentication with JWT and MFA, BunnyStream video processing and transcoding, Supabase for database and auth, Razorpay subscription payments, push/email/SMS notifications, and social features (comments, sharing).

Mobile app (Expo/React Native): Video streaming via Bunny.net, OTP authentication, subscription management, offline content caching, picture-in-picture playback, and social interaction.

Technical approach

The platforms share a unified API contract. Video uploads use the TUS protocol for resumable transfers to BunnyStream, with automatic transcoding and thumbnail generation. The admin dashboard handles content workflows; the mobile app consumes the same content via the API with offline caching for poor connectivity.

Monetization runs through Razorpay with subscription plans, trial management, and invoice generation. Role-based access controls separate admin, staff, and customer experiences across all surfaces.

Outcome

A production video CMS with web admin, API backend, and iOS/Android mobile app, enabling content creation, distribution, subscription revenue, and audience engagement across channels.

Key decisions

Unified ecosystem where admin dashboard, API, and mobile app share auth and content contracts

BunnyStream + TUS protocol for resumable video uploads at scale

Phased delivery starting with auth and user management, then media library and monetization

Offline caching on mobile for interrupted connectivity

Outcome

3

Platforms

BunnyStream

Video

Razorpay

Payments

Have a project in mind?

Tell me what you're building. I'll respond within 24 hours.