SaaS / B2B Software · Kafka Event Driven Video Pipeline
Fanclash
Multi-product sports-tech platform.
The brief
Augment Fanclash's engineering team via Developers On Demand to accelerate delivery of their esports fantasy platform — stabilising existing React Native apps, building a web fantasy product, and expanding their video highlight and content distribution infrastructure across multiple concurrent product streams.
What we built
A full-stack, multi-surface esports/fantasy sports platform encompassing:
- React Native mobile apps (Fanclash, Jade, Unicorn variants) with fantasy gameplay
- a responsive Next.js web fantasy platform with classic, multi-match, and switch game modes
- a role-based admin Control Centre for match/contest/player management
- a real-time video highlight pipeline (DreamStream + Segment Server) using FFmpeg and Kafka to auto-generate, overlay, and distribute sports clips
- an ML-powered 9:16 portrait video auto-cropping system using computer vision and polynomial coordinate fitting
- social media publishing integrations to YouTube, Instagram, TikTok, Twitter, and Facebook
- third-party sports data integrations with StatsPerform/Opta and SportsRadar via WebSocket
- an automated AI clipping engine with event-driven metadata enrichment and LLM-generated descriptions
- a web-based video Studio editor and Media Library with workspaces and collections; and
- an AI chatbot platform with LangChain agents, Stripe-gated subscription tiers, and Redis session management.
Key deliverables
Mobile-first user experience and app deployment Secure wallet, payments & withdrawal system Scalable backend to handle live match data & contests
Production deployments confirmed across: React Native mobile apps (multiple variants), web fantasy platform (classic, multi-match, switch modes), Control Centre admin portal, DreamStream highlight pipeline with social publishing (YouTube, Instagram, TikTok, Twitter, Facebook), third-party sports data feeds (StatsPerform, SportsRadar), portrait video generation on GPU-backed servers, and Studio/Media Library. Infrastructure migration (pod-based) and AI chatbot are in active late-stage development.
Delivery timeline
How it was built, phase by phase.
8 workstreams across 85 weeks of operated delivery.
- buildWeek 1–8 (Apr–Jun 2024)
React Native Mobile App Build & Upgrade
Sustained effort to set up, upgrade, and stabilize React Native builds for Android and iOS across multiple app variants (Fanclash, Jade, Unicorn). Included resolving build errors, module upgrades, and crash fixes.
Stable multi-variant React Native builds delivered for Android and iOS across Fanclash, Jade, and Unicorn app flavors.
React NativeAndroidiOSGradleXcode - buildWeek 1–36 (Apr 2024–Dec 2024)
Control Centre (CC) Admin Portal
A multi-role admin platform enabling operators to create/manage fantasy matches, contest types, player configurations, match modes, and publish multi-match fantasy events.
Operational control center enabling operators to manage fantasy products, publish matches, control feature flags.
ReactNode.jsMongoDBREST APIs - buildWeek 4–52 (May 2024–May 2025)
Video Highlight Pipeline (DreamStream / Segment Server)
A sophisticated event-driven video processing system ingesting live sports streams, segmenting footage on event triggers via Kafka, merging clips with intro/outro overlays, transitions, fade effects, watermarks.
Production highlight pipeline processing live match streams into shareable video clips with overlays, transitions, and multi-format outputs.
FFmpegKafkaAWS S3PythonMongoDBNode.js - integrateWeek 4–52 (May 2024–Apr 2025)
Social Media Distribution & Share APIs
Built integrations to publish generated sports video clips to YouTube, Instagram, TikTok, Twitter/X, and Facebook via their respective Data/Graph APIs, plus internal unlink and CDN security for content protection.
Full multi-platform social distribution layer enabling one-click publishing of sports highlights to all major platforms.
YouTube Data APIInstagram Graph APITikTok APITwitter APIFacebook APIAWS CDN - buildWeek 9–18 (Jun–Aug 2024)
Web Fantasy Platform (Next.js)
Full build of a browser-based fantasy sports platform covering match listing, contest flows, team creation (C/VC selection), head-to-head, prize pool, player details, my entries.
Fully responsive web fantasy platform covering all core game flows: match selection, team creation, contest participation, live stats.
Next.jsReactCSSFigma - buildWeek 10–52 (Jun 2024–May 2025)
ML-Powered Portrait Video Generation (9:16 Crop)
Computer vision pipeline using polynomial fit models, dynamic cropping, RGBA frame analysis.
Automated 9:16 portrait video generation from broadcast feeds with dynamic subject tracking, fade-detection, configurable quality/bitrate.
FFmpegOpenCVPythonMongoDBAWS ML serversNumPy/polynomial fit - integrateWeek 36–52 (Dec 2024–May 2025)
Third-Party Sports Data Provider Integration
Migration and integration of live sports data feeds from multiple providers (StatsPerform/Opta, SportsRadar) via websocket and REST APIs to power real-time fantasy scoring, event processing.
Live sports event data flowing in real-time from multiple 3P providers into fantasy scoring, highlight trigger, and automated clipping pipelines.
StatsPerform APIOpta feedSportsRadar APIWebSocketRESTKafka - buildWeek 38–58 (Jan–May 2025)
Automated AI Clipping & Metadata Engine
Built automated clip segmentation from live feed events, AI tag instance creation via Kafka, event offset mapping, rich metadata generation (player, match, event details), LLM-based description generation.
Fully automated pipeline: live sports events trigger clip segmentation, tag instance creation, metadata enrichment, LLM descriptions.
KafkaMongoDBPythonLLM (unspecified)Vector DB (R&D)Node.js
More case studies
Related work
09 · Run a function
Stop renting hours. Start running functions.
Pick the function you want off your plate. We'll map the brain and name the outcome we'd commit to — before you do.