Provides a personalized dashboard displaying tasks, meetings, custom personal links and trending files in one easy and organized view. Supports AppPage, full width sections, and Microsoft Teams.
Get your own free development tenant by subscribing to Microsoft 365 developer program
This solution uses Yarn package manager. Either install Yarn globally with npm or delete the yarn.lock file and reinstall dependencies with npm.
| Solution | Author(s) |
|---|---|
| sp-personal-dashboard | MRS Company Ltd |
| Version | Date | Comments |
|---|---|---|
| 1.0 | November 6, 2022 | Initial release |
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.
git clone {repo} # Clone repository
cd sp-personal-dashboard # Move to project directory
yarn # Install dependencies
gulp serve # Run development environment
gulp build # Build solution
gulp bundle --ship # Bundle solution for prod
gulp package-solution --ship # Create sppkg file for uploadThen upload the /sharepoint/solution/sp-personal-dashboard.sppkg file to your App Catalog.
This webpart provides a dashboard pulling in the following information:
- Meetings (Outlook/Exchange)
- Tasks from Planner (Assigned to Me tasks) and To Do (all lists)
- Personal links
- Trending documents
This extension illustrates the following concepts:
- Microsoft Graph Toolkit components
- Trending content
- SharePoint Open Extensions (for custom links)
- Getting started with SharePoint Framework
- Building for Microsoft teams
- Use Microsoft Graph in your solution
- Publish SharePoint Framework applications to the Marketplace
- Microsoft 365 Patterns and Practices - Guidance, tooling, samples and open-source controls for your Microsoft 365 development