Government & public sectorCompleted

Micro-frontend analytics platform for CCG Systems: separate apps, one portal

TechTose combined CCG Systems' separate dashboard apps into one analytics platform: each app stays in its own repo and loads through Webpack Module Federation into an Nx monorepo, with Python analytics and AI insights across modules.

Client
CCG Systems
Region
South Africa
Status
Completed
Completed
Related product
Blueprint

CCG Systems: ERP and management systems for the public sector

CCG Systems is a South African ICT company, led by CEO Walter Muwandi, that builds and supports ERP and management systems for municipalities, government entities and private companies. Its work spans financial systems and mSCOA (Municipal Standard Chart of Accounts) compliance, supply chain, performance management (strategic plans, annual performance plans and quarterly reports), people management, audit readiness, and training through CCG Academia. Over time, CCG's product had grown into a set of separate dashboard applications, one per module, each with its own GitHub repository, team, menus and routes.

Why separate dashboard apps were holding CCG back

Separate applications kept each team independent, but customers felt the seams. Super admins and clients moved between different apps to see supply chain, performance and people data, and nobody had one view across modules. CCG wanted a single analytics platform its customers could sign in to, without forcing every team into one giant repository or a big-bang rewrite that would stall releases.

What CCG Systems' Product Owner says about the platform

TechTose brought our separate dashboard applications together into one analytics platform without forcing our teams into a single codebase. Each team still releases on its own, and our customers now see every module, and the analytics across them, in one place. Communication was clear, and timelines and milestones were met throughout.
Julius Chingore, Product Owner, CCG Systems

What we built: a micro-frontend analytics platform

Separate repos
  • Supply chainOwn repo, own releases
  • Performance managementOwn repo, own releases
  • People managementOwn repo, own releases
  • Other modulesOwn repo, own releases
Parent platform · Nx monorepo
One sign-in, one navigation
Supply chainPerformance managementPeople managementOther modules

Loaded at runtime and rendered natively. No iframes.

Shared libraries · Fuse admin theme
Analytics & AI
Python analyticsCumulative, across every module
LLM insightsPlain-English summaries, back in the platform
  1. A team pushes to its own repo
  2. CI builds its remote
  3. The platform shows the update, with no host redeploy
How CCG Systems' separate dashboard apps load into one Nx monorepo platform through Webpack Module Federation.

Parent analytics platform in an Nx monorepo

One host application where super admins and customers sign in once and find every module in a single menu, with sub-menus and routes for each. Built as an Nx monorepo on the Fuse admin theme.

Module Federation for every dashboard app

Each existing app stays in its own GitHub repository and is built as a Webpack Module Federation remote. The parent platform loads those builds at runtime, so each app's menus and routes appear inside it without merging codebases.

Independent releases

A module team builds and deploys its own repository, and the change shows up in the parent platform automatically, with no coordinated release across modules.

CCG's existing dashboards, now in one platform

CCG's supply chain, performance management and people management dashboards, along with its other modules, keep their own code and teams, and now run inside the one platform with a consistent look and one sign-in.

Cumulative analytics in Python

Python services pull figures from every module and combine them into cumulative analytics: one view across supply chain, performance, people and the rest, which no single app could show before.

AI insights and summaries

An AI layer, built in Python with a large language model, turns the combined analytics into plain-English insights and summaries, so a manager can read what changed instead of piecing it together from charts.

How we designed the Nx and Module Federation architecture with CCG

We worked closely with Julius Chingore, CCG Systems' Product Owner, on the technical architecture: how each module would load into the parent platform, how their menus and routes would join one navigation, and how module teams would keep releasing on their own. We didn't move the separate repositories into one. Each app was configured as a Module Federation remote and built from its own repository, while the new Nx monorepo holds the parent platform, which knows where each module lives and wires its menus and routes into one navigation. Shared libraries in the monorepo keep sign-in, layout and styling consistent across modules. Python services sit alongside for analytics and AI, reading from every module so the cumulative view stays in step with the apps underneath.

How AI turns cumulative analytics into insights

AI works on top of the cumulative analytics. Python services collect each module's figures, and a large language model writes plain-English insights and summaries from them: what moved, where, and what deserves a closer look. The insights appear in the parent platform alongside the dashboards they describe.

Where the micro-frontend platform stands

Our work on the platform was completed in 2025.

What the micro-frontend platform gives CCG and its customers

  • One sign-in and one menu for every CCG dashboard module
  • Each module team still owns and releases its own GitHub repository
  • Cumulative analytics across modules, with AI-written insights and summaries

Questions about this micro-frontend project

What did TechTose build for CCG Systems?

A parent analytics platform in an Nx monorepo that brings CCG's separate dashboard apps, including supply chain, performance management and people management, into one portal through Webpack Module Federation, plus Python cumulative analytics and AI insights and summaries across modules.

Who did TechTose work with at CCG Systems?

TechTose worked closely with Julius Chingore, CCG Systems' Product Owner, on the platform's technical architecture: how the separate dashboard apps load into one parent platform, share one navigation and keep releasing independently.

What is Webpack Module Federation, and why use it here?

It lets separately built applications load into one another at runtime. CCG's dashboard apps stayed in their own repositories and kept their own release cycles, while the parent platform loads each one's build to show every module in one place.

Did the separate repositories have to be merged into the monorepo?

No. The Nx monorepo holds the parent platform and shared code. Each module stays in its own GitHub repository, and a new build there updates what the parent platform shows.

How is AI used in the CCG analytics platform?

Python services combine figures from every module, and a large language model turns them into plain-English insights and summaries that appear alongside the dashboards.

Does TechTose build software for government and the public sector?

Yes. This platform serves CCG Systems' customers, including municipalities and government entities. Most projects start with a free Scan of your app, code or idea, which comes back as a written report in 48 hours.

Send us your app, or your idea. Get a straight answer in 48 hours.