Home Services Work About Blog Contact Let's Talk
Back to Case Studies
SPFx  ·  Microsoft Graph

Advanced Employee
Directory Web Part

Multiple Enterprise Clients

5
Enterprise tenants with active deployment
Real-time
Microsoft Graph API sync with Azure AD
Live search
Across name, role, department, and skills
Zero
Manual profile updates required by admins
SPFx Web Part SPFx 1.18+ Microsoft Graph API Azure AD Fluent UI React TypeScript

Profile Data Scattered, Org Chart Perpetually Out of Date

Across multiple enterprise clients, the same problem surfaced repeatedly: employees had no unified, searchable way to find their colleagues. Contact information lived in email signatures, Teams profiles, and local spreadsheets maintained by individual departments. No single source of truth existed.

When employees needed to find a colleague's phone number, role, department, or manager, they would either email HR, ask a colleague, or search through Teams manually. The org chart, where it existed at all, was a PowerPoint file updated quarterly and immediately outdated the moment anyone joined, left, or changed roles.

The data was already in Azure AD — but there was no consumer-friendly way to surface it on the intranet. Clients needed a single, deployable SPFx web part that would pull all profile data from Microsoft Graph in real time and give employees a fast, filterable directory experience on their SharePoint intranet.

No unified employee search — finding a colleague's contact or role required multiple manual steps

Profile data scattered across HR systems, email signatures, and Teams — no single source of truth

Org chart was a static PowerPoint — outdated within days of any personnel change, never maintained

Admin burden — any directory update required manual maintenance by someone in IT or HR

SPFx Directory Web Part with Live Graph API Search

Akshara Technologies built a reusable SPFx employee directory web part powered entirely by Microsoft Graph API. All employee data — name, job title, department, office location, phone, manager, and direct reports — is pulled live from Azure AD on every search, with no local caching of stale data and no admin maintenance required.

The web part renders a searchable, filterable grid of employee profile cards. As users type in the search box, results filter in real time across name, role, department, and skill tags. Department filter dropdowns are generated dynamically from the actual Azure AD data. Each profile card shows the employee's photo, title, department, and direct contact links — clicking a card opens a rich profile panel with manager chain and direct reports.

Direct Teams chat and email links on each card mean employees can initiate contact without leaving the directory. The web part was built as a fully configurable SPFx package — ready to deploy to any SharePoint tenant in minutes, with property pane controls for filtering scope and display options.

What Was Delivered

Live search across employee name, job title, department, and skill tags — sub-second results
Department filter dropdowns generated dynamically from real Azure AD department data
Rich profile cards with photo, title, location, department, and direct contact links
Expanded profile panel with manager chain, direct reports, and organisational context
One-click Teams chat and email initiation directly from each employee profile card
Zero manual updates — all data always live from Azure AD via Microsoft Graph API
Fully configurable SPFx package — tenant-ready deployment in minutes with property pane controls

5 Enterprise Tenants, Zero Admin Overhead

5
Enterprise tenants with the directory web part in active use
Real-time
Graph API sync — profile data always reflects the current Azure AD state
Sub-second
Live search response time across all employee fields
Zero
Manual profile maintenance — no admin burden, no stale data

The Employee Directory in Action

Tools & Technologies Used

Framework
SPFx 1.18+
SharePoint Framework for building and packaging the directory as a deployable tenant solution
API
Microsoft Graph API
Live employee profile data, manager chains, direct reports, photos, and department memberships
Identity
Azure AD
Single source of truth for all employee profile data — no duplication, always current
Frontend
React + TypeScript
Component-based UI with full type safety for search, filters, cards, and profile panels
UI Library
Fluent UI
Microsoft's design system for accessible, consistent UI that feels native to SharePoint

Start Your Project

Need a Searchable
Employee Directory?

We deploy our enterprise-grade SPFx employee directory web part to your Microsoft 365 tenant — always live from Azure AD, zero admin overhead, ready in days.