How We Built a Unified Social Media Management Platform with a Live Reporter Network
Discover how KBA Systems engineered a Flutter + Firebase platform that brings Facebook, X, Instagram, LinkedIn, and Telegram under a single dashboard — with an advanced on-ground Reporter network that lets assigned correspondents file live event coverage to all subscribers.
IndustrySocial Tech / SaaS
My RoleFull-Stack Developer & Architect
PlatformsiOS, Android, Web Admin
Duration09+ Months
Executive Summary
Challenge
Brands, media professionals, and individuals manage three to five social networks daily — each with its own app, login, notification feed, and posting format. The context-switching costs hours every week and makes a coherent, coordinated social strategy nearly impossible to run.
Solution
We built a unified social media management dashboard in Flutter where users connect all their accounts and manage everything from one interface — plus an advanced, subscription-gated Reporter network that publishes live on-ground event coverage directly into the platform.
Result
A deployed cross-platform product across iOS and Android with a web admin panel — five-network posting from a single compose action, real-time notification aggregation, a live reporter task map, and a tiered SaaS subscription model with full editorial control.
Key Metrics at a Glance
Social Networks Unified
5 (Facebook · X · Instagram · LinkedIn · Telegram)
Products Delivered
iOS App · Android App · Web Admin
Advanced Feature
Live On-Ground Reporter Network
Real-Time Backend
Firebase Firestore + FCM
Billing Model
Tiered SaaS Subscription
Project Duration
09+ months
Why Social Media Management Needs a Unified Solution
The average brand or media professional manages three to five social platforms daily. Each has its own app, notification system, posting format, and analytics. The context-switching alone costs hours every week — and the lack of a unified view makes it nearly impossible to run a coherent, coordinated social strategy.
Core Industry Problems
01
Platform fragmentation
Every network requires its own app, login, and workflow — forcing constant context-switching and lost productivity.
02
No cross-platform posting
Posting the same content across platforms means manual repetition in each app, with no way to batch-publish from one place.
03
Scattered notifications
Engagement — comments, messages, mentions — arrives in five separate feeds, making timely responses nearly impossible to manage.
04
No unified analytics
Understanding overall performance requires pulling data from multiple dashboards, with no consolidated view of what is working.
05
Live events have no channel
When something happens in the real world, there is no structured mechanism to publish live, on-ground coverage through your own platform.
06
Access & role management
Teams have no way to assign specific roles, restrict platform access, or control who can publish to which channels within one tool.
What We Had to Solve: 6 Technical Challenges
This project combined the complexity of multi-platform OAuth integrations with the real-time demands of a live reporting feature — across a Flutter mobile app, a subscription SaaS layer, and a web admin panel.
Multi-Platform OAuth & API Integration
Connecting five social platforms — each with different OAuth flows, API rate limits, token refresh mechanisms, and permission scopes — into a single unified session model, without exposing credentials or breaking when any one API changes.
Unified Cross-Platform Posting Engine
Building a single compose interface that correctly formats and publishes content to each connected platform — respecting character limits, media type restrictions, and platform-specific formatting rules — simultaneously.
Real-Time Notification Aggregation
Pulling notifications and engagement data from five live APIs into a single unified feed — with deduplication, read-state management, and platform attribution — in real time.
Reporter Role & Live Coverage Pipeline
Designing a separate but integrated Reporter workflow — admin role assignment, on-ground report submission with media and GPS, a moderation queue, and live publication to all subscribers — built on the same Firebase backend.
Geolocation Task Map for Reporters
Building a live map view where subscribers can see where active reporters are located and what events are being covered — with country, date, and content-type filters — updated in real time as reporters submit coverage.
Subscription Tier Enforcement
Gating Reporter access and premium features behind a subscription tier verified at the app level in real time — with admin override capability and seamless in-app upgrade flows on both iOS and Android.
How We Designed the Solution: Two Experiences, One Backend
We structured this as two distinct but connected product experiences — the social management dashboard and the reporter feature — sharing the same backend and subscription layer, but with entirely separate UX flows tailored to each use case.
01
Single-Session Multi-Platform Architecture
Each connected platform is authenticated once via OAuth and stored as a linked account on the user's profile. A unified API abstraction layer normalises requests across platforms — so composing, publishing, and reading engagement works through one consistent interface regardless of which platforms are connected.
02
Firebase as the Real-Time Backbone
Firebase Firestore powers the reporter coverage feed, notification aggregation state, and subscription status — giving the app real-time sync across devices without a custom WebSocket server. Firebase Storage handles all reporter media, and FCM drives cross-platform push notifications.
03
Reporter as an Admin-Assigned Privileged Role
The Reporter feature is not a self-service toggle — it is an admin-assigned role with specific permissions. Once assigned, the Reporter module unlocks within the same Flutter codebase. Reporters submit geo-tagged coverage with media, which enters a moderation queue before going live.
04
Subscription-Gated Feature Tree
Platform features are organised into free, standard, and premium tiers, with Firebase Remote Config managing the feature flags per subscription level. Upgrading a subscription instantly unlocks the corresponding features without requiring an app update.
Technical Architecture: How We Built for Real-Time Scale
The architecture prioritises real-time responsiveness, unified multi-platform sessions, and editorial control. Firebase provides a real-time backbone for the reporter feed and notification state, while a single Flutter codebase with a role-gated feature tree serves every user type.
Architecture Layer
Technology & Approach
Mobile App
Flutter (Dart) — iOS & Android, single codebase with a role-based feature tree
Social Integrations
OAuth 2.0 — Facebook, X, Instagram, LinkedIn, and Telegram APIs via a unified abstraction layer
Real-Time Backend
Firebase Firestore — reporter feed, notification state, and subscription status synced in real time
Media Storage
Firebase Storage — reporter photos, videos, and attachments
Authentication
Firebase Auth — app login; OAuth tokens per linked social platform
Push Notifications
Firebase Cloud Messaging (FCM) — social alerts and reporter publish events
Geolocation / Maps
Google Maps Flutter — live reporter location map with country, date, and content filters
Subscription Layer
Apple IAP + Google Play Billing — tier verification via Firebase Functions
Admin Panel
Web dashboard — user roles, reporter assignment, content moderation, and analytics
Features We Delivered: App, Reporter Module & Admin Panel
The platform delivers a complete ecosystem: a unified social dashboard for everyday users, a privileged reporter module for assigned correspondents, and a web admin panel giving operators full moderation and subscription control.
Connect Facebook, X, Instagram, LinkedIn, and Telegram accounts in one app
Cross-platform compose and publish in a single action
Unified notification feed for comments, messages, mentions, and reactions
Engagement monitoring across all connected accounts without switching apps
Technology Stack: Mobile, Integration & Backend
The stack pairs Flutter's single-codebase reach with Firebase's real-time backbone. Five social integrations feed a unified session model, while Firebase powers the reporter feed, notification state, subscriptions, and cross-platform push.
Mobile (Flutter)
Flutter — single codebase for iOS & Android with a role-gated feature tree
Dart — typed logic for multi-platform API abstraction and state management
Provider / Riverpod — app-wide state for social accounts, notifications, and reporter status
Google Maps Flutter — live reporter map with geolocation and filters
In-App Purchase plugin — Apple IAP and Google Play Billing subscription flows
Social Platform Integrations
Facebook Graph API — posts, notifications, pages, messages
X API v2 — posts, mentions, DMs, timeline
Instagram Basic Display & Graph API — feed, stories, comments
LinkedIn API — posts, company pages, profile activity
Telegram Bot & MTProto API — channel and group management
Backend (Firebase)
Firebase Firestore — notification state, reporter coverage feed, subscription records
Firebase Storage — reporter media (images, video, documents)
Firebase Auth — primary app authentication and session management
Firebase Cloud Functions — subscription verification and reporter moderation triggers
Firebase FCM — social alerts and reporter publication notifications
Admin Panel & Infrastructure
Web admin dashboard — role assignment, content moderation, subscription management
Google Maps API — geocoding and map rendering for reporter locations
Measurable Outcomes: Impact for Every Stakeholder
For Individual Users
One app replaces five. Users manage their entire social presence from a single screen — no more app switching, no more missed notifications across platforms. Every interaction across all connected accounts is visible and actionable in one place.
For Brands & Media Teams
Cross-platform publishing in a single compose action ensures consistent messaging without the manual overhead of repeating the same post across five separate apps.
For Subscribers & Readers
Premium subscribers gain access to real-time reporter coverage of events happening around the world — filed by on-ground correspondents and published directly to the platform as it happens.
For Platform Operators
The tiered SaaS model creates a sustainable revenue stream. Operators control who gets reporter access, moderate all coverage before it goes live, and have full visibility into platform usage via the admin dashboard.
Frequently Asked Questions: Social Media Management Platforms
Timeline depends on scope: an MVP with two-network posting takes 3-4 months, a production-ready multi-network dashboard takes 6-9 months, and a full platform with a live reporter network and tiered subscriptions takes 9-14 months. This project combined five OAuth integrations with a real-time reporter pipeline and cross-platform in-app purchases.
Each platform is authenticated once via OAuth 2.0 and stored as a linked account on the user's profile. A unified API abstraction layer normalises requests across Facebook, X, Instagram, LinkedIn, and Telegram, so composing, publishing, and reading engagement works through one consistent interface.
A single compose interface formats and publishes content to each connected platform simultaneously, respecting each network's character limits, media type restrictions, and formatting rules. Users post once and the platform handles the network-specific delivery automatically.
Notifications and engagement data — comments, messages, mentions, reactions — are pulled from each live API into a single unified feed with deduplication, read-state management, and platform attribution. Firebase Firestore keeps notification state in sync across devices in real time.
It is an admin-assigned privileged role where designated reporters file live on-ground event coverage — text, photos, video, and GPS location — through a moderation queue. Approved coverage is published as a live news-style feed visible to subscribed users, plus a live map showing where active reporters are and what they are covering.
Flutter delivers a single codebase for iOS and Android with a role-gated feature tree, while Firebase Firestore powers real-time sync for the reporter feed, notification state, and subscription status without a custom WebSocket server. Firebase Storage handles reporter media and FCM drives cross-platform push.
Features are organised into free, standard, and premium tiers, with Firebase Remote Config managing feature flags per subscription level. Native in-app purchases via Apple IAP and Google Play Billing are verified through Firebase Functions, so upgrading instantly unlocks features without an app update.
Submitted reporter coverage enters a moderation queue before going live. Admins review each report in a web dashboard, approve or reject it, and only then is it published to subscribers — giving platform operators full editorial control over everything published through the reporter network.
Why This Case Study Matters
For Social & Media Companies
A unified management platform is no longer a nice-to-have — it is the infrastructure layer that makes a serious social strategy executable. Adding a live reporter network turns a management tool into a platform that generates its own content, with a clear premium tier to monetise it.
For Mobile Engineers & Architects
Real-time integrations, multi-platform OAuth, and a role-gated single codebase show how Flutter and Firebase combine to deliver both breadth of reach and real-time responsiveness without standing up custom infrastructure.
For Platform Operators
Subscription tiering plus admin-controlled moderation creates sustainable revenue with full editorial oversight — and the reporter network scales globally simply by assigning roles through the admin panel, with no additional app builds.