Teams / SharePoint · Community sample

React Wellbeing Tracker

Track personal wellbeing and engagement habits in SharePoint with daily activity completion, progress bars, and week or month views.

Teams tabWeb partReactSPFx 1.20.0
React Wellbeing Tracker activity tracking view

The idea behind the sample

Log daily activities, filter by category, view consistency progress, add activities inline, and switch between light and dark modes in a responsive interface built with Fluent UI and PnPjs.

Make it your own

Start with the author's setup instructions, explore the implementation, and adapt the pattern to your environment. Sample code stays in its original repository, together with its requirements, license and contribution history.

Read the source documentation

Keep exploring

Keep the ideas flowing

Back to all possibilities
Microsoft 365 and Power Platform Community Contributor badge

Sharing is caring.

Share what you know.

Contribute a sample, improve the docs or help someone get started. Sample contributors can opt in to the PnP Recognition Program and share their community contributor badge.

Have something to show? Sign up for a community call demo. Fill in the form and we'll arrange a slot based on your availability.