Home/Case Studies/Fanclash
CASE STUDYSAAS / B2B SOFTWARE · KAFKA EVENT DRIVEN VIDEO PIPELINE

Fanclash

An esports fantasy platform spanning mobile and web gameplay, with a real-time Kafka video pipeline that auto-generates highlight clips and publishes them to social media.

85Weeks operated
6k+Hours of work
12Engineers

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.
⊛ Live in production

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.

How it was built, phase by phase.

8 workstreams across 85 weeks of operated delivery

  1. (001)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
  2. (002)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
  3. (003)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
  4. (004)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
  5. (005)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
  6. (006)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
  7. (007)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
  8. (008)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

Related work

More case studies from the same space.

Officebanao
SaaS / B2B Software(001)

Officebanao

Collaborative 2d Space Planning Tool

A commercial interiors platform pairing a collaborative 2D space planner with real-time multi-user editing and Git-like version control, plus end-to-end procurement management.

53 weeks8 engineers
Compport
SaaS / B2B Software(002)

Compport

Comp SaaS Enterprise Scaling

An enterprise compensation platform hardened for tenants of 100K+ employees, with interactive org charts, multi-level approval workflows, and 30+ analytics report widgets.

89 weeks27 engineers
Voiro
SaaS / B2B Software(003)

Voiro

Adtech SaaS Feature Augmentation

Feature and QA acceleration for a leading ad-ops SaaS, delivering media planning workflows, an RBAC console, a self-service brand portal, and a full automated test suite.

92 weeks6 engineers

Stop renting hours. Start running functions.

Pick the function you want off your plate. We map the brain and name the outcome before you commit.

Talk to us →All case studies