SharePoint Framework Extension - Profile Completeness Meter

In any user profile management system, profile completeness is very important. As Vlad Catrinescu mentioned in this article, the following are some of the scenarios:
  • To quickly identify people in a company, a profile picture is very important.
  • Internal requests such as leave request cannot be approved if the manager property is not set.
  • Birthday add-in can be developed using Birthday property.
  • Department is an important property that people filter on when searching for other employees.
  • Country can be very useful for an international company with more advanced people directories.
  • The Skills field can be very useful in an expertise finder directory when people try to find other colleagues who have knowledge in a certain area or in certain products.
  • About Me is not usually a required property but can increase the value and efficiency of a User Profile Directory inside your organization.
  • The Past Projects field can be very useful in an expertise finder directory when people try to find other colleagues that have experience in a certain type of project. Without the project info being set, the expertise finder in your organization will be way less valuable
  • Users’ location and phone numbers are important when you schedule a meeting based on time zone.
Thank Vlad for explaining these scenarios and useful PowerShell scripts. 
 
With the profile completeness extension, we can encourage or force users to fill their profiles. This sample SPFx extension renders a profile completeness score. By clicking the score, a user can see the score details as shown below:

SharePoint Framework Extension - Profile Completeness Meter

Used SharePoint Framework Version

SPFx v1.6

Applies to
SolutionAuthor(s)
react-application-profile-meter Joseph Velliah (SPRIDER, @sprider)

Version history

VersionDateComments
1.0 February 13, 2019 Initial release

Disclaimer

THIS CODE IS PROVIDED AS IS WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESS OR IMPLIED, INCLUDING ANY IMPLIED WARRANTIES OF FITNESS FOR A PARTICULAR PURPOSE, MERCHANTABILITY, OR NON-INFRINGEMENT.
 
Minimal Path to Awesome
  • Clone this repository.

    • Open serve.json file under the config folder. Update the Page URL where you wish to test.
      SharePoint Framework Extension - Profile Completeness Meter

      SharePoint Framework Extension - Profile Completeness Meter

  • Move to the folder where this readme exists.
  • In the command window, execute the following commands.

    • npm install
    • gulp serve

Features

This project contains SharePoint Framework extensions that illustrate the following features.

  • Command extension
  • Office UI Fabric React
Notice
 
This sample is designed to be used in debug mode and does not contain an automatic packaging setup for the “production” deployment.