honeymoose/sp-dev-fx-webparts
1
0
Fork 0
mirror of https://github.com/pnp/sp-dev-fx-webparts.git synced 2025-03-03 02:09:13 +00:00
Code Issues Packages Projects Releases Wiki Activity
sp-dev-fx-webparts/samples/react-mytasks/README.md

177 lines
3.2 KiB
Markdown
Raw Normal View History

Update Docs and GIFs
2019-11-18 21:27:11 +00:00
# React My Tasks Web Part
Update Docs
2019-11-18 19:53:51 +00:00
## Summary
Update Docs
2019-11-18 20:36:40 +00:00
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.
Update Docs
2019-11-18 19:53:51 +00:00
Update Docs and GIFs
2019-11-18 21:27:11 +00:00
</br>
</br>
Update README.md
2020-05-30 15:47:07 +01:00
Update README.md
2020-05-30 15:51:33 +01:00
![MyTasks](/samples/react-mytasks/assets/MyTasks.gif)
Add GIF
2019-11-18 21:20:19 +00:00
Update Docs
2019-11-18 19:53:51 +00:00
## List of Task Cards
Update Docs
2019-11-18 20:36:40 +00:00
Update Docs
2019-11-18 20:06:42 +00:00
![MyTasks](https://github.com/joaojmendes/sp-dev-fx-webparts/blob/My-Tasks/samples/react-mytasks/assets/screen1.png)
Update Docs
2019-11-18 19:53:51 +00:00
## Filter Tasks
Update Docs
2019-11-18 20:36:40 +00:00
Update Docs
2019-11-18 20:06:42 +00:00
![MyTasks](https://github.com/joaojmendes/sp-dev-fx-webparts/blob/My-Tasks/samples/react-mytasks/assets/screen2.png)
Update Docs
2019-11-18 19:53:51 +00:00
update Docs
2019-11-18 20:27:15 +00:00
</br>
</br>
Update Docs
2019-11-18 20:36:40 +00:00
Update Docs
2019-11-18 20:06:42 +00:00
![tenant properties](https://github.com/joaojmendes/sp-dev-fx-webparts/blob/My-Tasks/samples/react-mytasks/assets/screen3.png)
Update Docs
2019-11-18 19:53:51 +00:00
update Docs
2019-11-18 20:27:15 +00:00
</br>
</br>
Update Docs
2019-11-18 20:36:40 +00:00
Update README.md
2020-05-30 15:53:29 +01:00
![tenant properties](/samples/react-mytasks/assets/screen4.png)
Update Docs
2019-11-18 19:53:51 +00:00
update Docs
2019-11-18 20:27:15 +00:00
</br>
</br>
Update Docs
2019-11-18 20:36:40 +00:00
Update README.md
2020-05-30 15:53:29 +01:00
![tenant properties](/samples/react-mytasks/assets/screen5.png)
Update Docs
2019-11-18 19:53:51 +00:00
update Docs
2019-11-18 20:27:15 +00:00
</br>
</br>
update Docs
2019-11-18 20:19:57 +00:00
update Docs
2019-11-18 20:12:16 +00:00
## Add Task
Update README.md
2020-05-30 15:53:29 +01:00
![MyTasks](/samples/react-mytasks/assets/AddTask.gif)
Add GIF
2019-11-18 21:20:19 +00:00
</br>
</br>
update Docs
2019-11-18 20:12:16 +00:00
Update Docs
2019-11-18 19:53:51 +00:00
Update README.md
2020-05-30 15:53:29 +01:00
![tenant properties](/samples/react-mytasks/assets/screen6.png)
Update Docs
2019-11-18 19:53:51 +00:00
update Docs
2019-11-18 20:27:15 +00:00
</br>
</br>
update Docs
2019-11-18 20:19:57 +00:00
Update Docs
2019-11-18 20:36:40 +00:00
Update README.md
2020-05-30 15:53:29 +01:00
![tenant properties](/samples/react-mytasks/assets/screen7.png)
Update Docs
2019-11-18 19:53:51 +00:00
update Docs
2019-11-18 20:27:15 +00:00
</br>
</br>
update Docs
2019-11-18 20:19:57 +00:00
update Docs
2019-11-18 20:12:16 +00:00
## Edit Tasks
Update Docs
2019-11-18 19:53:51 +00:00
update Docs
2019-11-18 20:19:57 +00:00
Update README.md
2020-05-30 15:53:29 +01:00
![MyTasks](/samples/react-mytasks/assets/EditTask.gif)
Add GIF
2019-11-18 21:20:19 +00:00
</br>
</br>
update Docs
2019-11-18 20:19:57 +00:00
Update README.md
2020-05-30 15:53:29 +01:00
![tenant properties](/samples/react-mytasks/assets/screen8.png)
update Docs
2019-11-18 20:12:16 +00:00
Update Docs
2019-11-18 19:53:51 +00:00
update Docs
2019-11-18 20:27:15 +00:00
</br>
</br>
update Docs
2019-11-18 20:19:57 +00:00
update Docs
2019-11-18 20:30:19 +00:00
Update README.md
2020-05-30 15:53:29 +01:00
![tenant properties](/samples/react-mytasks/assets/screen9.png)
update Docs
2019-11-18 20:12:16 +00:00
update Docs
2019-11-18 20:27:15 +00:00
</br>
</br>
update Docs
2019-11-18 20:30:19 +00:00
Update README.md
2020-05-30 15:53:29 +01:00
![tenant properties](/samples/react-mytasks/assets/screen10.png)
update Docs
2019-11-18 20:12:16 +00:00
update Docs
2019-11-18 20:27:15 +00:00
</br>
</br>
update Docs
2019-11-18 20:30:19 +00:00
Update README.md
2020-05-30 15:53:29 +01:00
![tenant properties](/samples/react-mytasks/assets/screen11.png)
update Docs
2019-11-18 20:12:16 +00:00
update Docs
2019-11-18 20:27:15 +00:00
</br>
</br>
update Docs
2019-11-18 20:30:19 +00:00
Update README.md
2020-05-30 15:53:29 +01:00
![tenant properties](/samples/react-mytasks/assets/screen12.png)
Update Docs
2019-11-18 19:53:51 +00:00
update Docs
2019-11-18 20:19:57 +00:00
update Docs
2019-11-18 20:30:19 +00:00
</br>
</br>
update Docs
2019-11-18 20:19:57 +00:00
update Docs
2019-11-18 20:12:16 +00:00
Update README.md
2020-05-30 15:53:29 +01:00
![tenant properties](/samples/react-mytasks/assets/screen13.png)
Update Docs
2019-11-18 19:53:51 +00:00
update Docs
2019-11-18 20:12:16 +00:00
Update Docs
2019-11-18 20:36:40 +00:00
</br>
</br>
Update Docs
2019-11-18 19:53:51 +00:00
Update README.md
2020-05-30 15:53:29 +01:00
![tenant properties](/samples/react-mytasks/assets/screen14.png)
Update Docs
2019-11-18 20:36:40 +00:00
Update Docs
2019-11-18 19:53:51 +00:00
## Used SharePoint Framework Version
![drop](https://img.shields.io/badge/version-1.9.1-green.svg)
## Applies to
URL dev.office.com to docs.microsoft.com
2020-06-09 09:09:22 +02:00
* [SharePoint Framework](https://docs.microsoft.com/sharepoint/dev/spfx/sharepoint-framework-overview)
* [Office 365 tenant](https://docs.microsoft.com/sharepoint/dev/spfx/set-up-your-development-environment)
Update Docs
2019-11-18 19:53:51 +00:00
## 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`
<img src="https://telemetry.sharepointpnp.com/sp-dev-fx-webparts/samples/react-MyTask" />
Reference in New Issue Copy Permalink