← All projects

PPM Project Dashboard

A bilingual, executive-grade portfolio dashboard for senior management.

Government · Programme reportingSharePoint Online7 screens

The challenge

Senior management had no single view of the project portfolio. Status arrived as spreadsheets and slide decks assembled by hand each cycle, so by the time a delay was visible in a meeting it was already weeks old—and half the organisation needed it in Arabic.

What I built

One package of six purpose-built web parts: an executive dashboard that reads, and five governed web parts that write. Each is placed and permissioned on its own page, so the people who update projects and the people who review them never share a screen. English and Arabic are mirrored throughout, not translated.

Capabilities

  • Executive summary with totals, budget utilisation and delay counts across the whole portfolio
  • Eight analytics charts behind one filter bar—click any segment to filter the entire page
  • Quarterly comparison of any two reporting periods, with completion and budget tracked over time
  • Proactive alerts that surface risk before a meeting has to
  • Guided capture, editing and bulk import, each validated row by row before anything is written
  • Every chart, axis, legend and validation message mirrored right-to-left for Arabic

Built with

  • SPFx 1.21
  • React
  • TypeScript
  • PnPjs
  • SharePoint Online

Walkthrough

Every screen.

Screenshots are of the real product, shown with demo data. No client data, branding or name appears in any image.

Next

More projects.

Get in touch

Want something like this built?