sp-dev-fx-webparts/samples/react-mytasks
João Mendes 437eff8e67
Update README.md
2020-05-30 15:53:29 +01:00
..
assets Add GIF 2019-11-18 21:20:19 +00:00
config update WebAPIPermissions 2019-11-19 08:13:00 +00:00
src Add GIF 2019-11-18 21:20:19 +00:00
teams Update My-Tasks 2019-11-18 20:01:59 +00:00
tools Update My-Tasks 2019-11-18 20:01:59 +00:00
.editorconfig Update My-Tasks 2019-11-18 20:01:59 +00:00
.gitignore Update My-Tasks 2019-11-18 20:01:59 +00:00
.stylelintrc Update My-Tasks 2019-11-18 20:01:59 +00:00
.yo-rc.json Update My-Tasks 2019-11-18 20:01:59 +00:00
README.md Update README.md 2020-05-30 15:53:29 +01:00
azure-pipelines.yml Update My-Tasks 2019-11-18 20:01:59 +00:00
gulpfile.js Update My-Tasks 2019-11-18 20:01:59 +00:00
package-lock.json Update My-Tasks 2019-11-18 20:01:59 +00:00
package.json Update My-Tasks 2019-11-18 20:01:59 +00:00
pnpm-lock.yaml Update My-Tasks 2019-11-18 20:01:59 +00:00
tsconfig.json Update My-Tasks 2019-11-18 20:01:59 +00:00
tslint.json Update My-Tasks 2019-11-18 20:01:59 +00:00
yarn.lock Update My-Tasks 2019-11-18 20:01:59 +00:00

README.md

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