sp-dev-fx-webparts/samples/react-mytasks/README.md

3.2 KiB

React My Tasks Web Part

Summary

This web part allows user to manage planner tasks in SharePoint Site. The UI was inspired on Planner UI, it is full implemented with Office-UI-Fabric Components. Use MSGraph API's and PnPjs to data access.

The user can search task by name, can filter by progress status, all data are dynamic updated on change.



MyTasks

List of Task Cards

MyTasks

Filter Tasks

MyTasks



tenant properties



tenant properties



tenant properties



Add Task

MyTasks



tenant properties



tenant properties



Edit Tasks

MyTasks



tenant properties



tenant properties



tenant properties



tenant properties



tenant properties



tenant properties



tenant properties

Used SharePoint Framework Version

drop

Applies to

WebPart Properties

Property Type Required comments
WebPart Title Text no

Solution

The Web Part Use PnPjs library, Office-ui-fabric-react components and MSGraph API's

Solution Author(s)
My Tasks João Mendes

Version history

Version Date Comments
1.0.0 November 17, 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
  • Move to sample folder
  • in the command line run:
    • npm install
    • gulp build
    • gulp bundle --ship
    • gulp package-solution --ship
    • Add to AppCatalog and deploy
    • go to SharePoint Admin Center and Approve required API Permissions