Product / Knowledge Base / 10. Solution Architecture (Reference)

10. Solution Architecture (Reference)

User & Administration Guide — Version 1.0.0.0

Guide summary

People Hub is a single SPFx 1.21.1 solution with React 17, Fluent UI v9, and Microsoft Graph via MSGraphClientV3.

On this page

10.1 Deployment Surfaces

Surface Component Host context
SharePoint page People Hub Directory / Org Chart web parts sharepoint
Teams channel app Configurable channel tabs teams
Viva Connections People Hub Adaptive Card Extension viva

10.2 Solution Components

  • People Hub Directory — search, filters, views, celebrations, export, profile drawer.
  • People Hub Org Chart — interactive hierarchy with zoom, pan, lazy expand, PDF/print.
  • People Hub Team Members — Microsoft 365 group membership for team context.
  • People Hub ACE — Viva Connections card with quick view directory.

10.3 Data Layer

createPeopleService() returns a cached singleton — either PeopleService (live Graph) or MockPeopleService (local development). GraphCache uses in-memory storage backed by sessionStorage. All user queries filter to userType eq 'Member'.

10.4 Security and Data Boundaries

Directory data is read-only from Microsoft Graph and remains in your tenant. People Hub does not copy employee profiles to an external database. Optional subscription checks call the Chronodat subscription API for licensing only.

People Hub feature grid
People Hub Enterprise — SPFx solution components and Microsoft 365 integration.