OneProductivityHub-TeamsFx

KO | EN

gitlite — search

#javascript #python #hacktoberfest #react #ai #typescript #llm #go #golang #android #machine-learning #rust #deep-learning #linux

OneProductivityHub-TeamsFx

★ 14 Open GitHub ↗

No description available.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Build a “One Productivity Hub” solution using Microsoft Teams SDK and Microsoft Graph Toolkit

## Summary

In this lab, you will learn:
- Creating a Microsoft Teams tab by using Microsoft Teams Toolkit
- Adding an authentication feature by using Microsoft Teams Toolkit
- Consuming Microsoft Graph Toolkit components and TeamsFX provider to enable Microsoft 365 data such as agenda, to-do tasks and files in a Teams tab

Final solution will be a Microsoft Teams tab for monitoring your agenda, to-do tasks and file list:

![One Productivity Hub app](https://raw.githubusercontent.com/OfficeDev/OneProductivityHub-TeamsFx/main/Labs/Images/OneProductivityHub-final.gif)

This repository contains the entire workshop, including source code, and step-by-step instructions.

## Prerequisites

Before you start this lab, you will need an environment setup. Review the [Environment Setup](/Labs/00-Setup.md) guidlines for the following prerequisites or click the related link of each prerequisite to be directed to the official documentation:
  
- [Prepare your Office 365 tenant](https://cda.ms/1J5)
- Install [Visual Studio Code](https://code.visualstudio.com/)
- Install [Node.js Long Term Support](https://nodejs.org/)
- Download [Microsoft Teams Toolkit extension for Visual Studio Code](https://marketplace.visualstudio.com/items?itemName=TeamsDevApp.ms-teams-vscode-extension)

## The Workshop

- [Part 0 - Environment Setup](/Labs/00-Setup.md)
- [Part 1 - Create a new Teams custom tab](/Labs/01-Create_Teams_tab.md)
- [Part 2 - Add Single Sign On feature in your tab](/Labs/02-Create_SSO_Feature.md)
- [Part 3 - Add Microsoft Graph Toolkit TeamsFX Provider and build consent permissions feature](/Labs/03-Initialize_MGT_and_consent_permissions.md)
- [Part 4 - Design your One Productivity Hub by using Microsoft Graph Toolkit components](/Labs/04-Design_your_tab_using_MGT_components.md)
- [Part 5 - Test One Productivity Hub app on Microsoft Teams](/Labs/05-Test_your_tab.md)

### The workshop instructions may include the following signs:

---
**📌 NOTE 📌 :** Informative notes about the workshop.

---
---
**⚡ IMPORTANT! ⚡ :** Critical points about the lab exercises.

---

## Solution

Completed solution can be found under the `tabs` folder.

Solution|Authors
--------|-------
One Productivity Hub | Ayca Bas, Senior Cloud Advocate @[Microsoft](https://developer.microsoft.com/en-us/advocates/ayca-bas), [Twitter](https://twitter.com/aycabs), [Blog](https://quickbites.dev/)

## Contributing

This project welcomes contributions and suggestions.  Most contributions require you to agree to a
Contributor License Agreement (CLA) declaring that you have the right to, and actually do, grant us
the rights to use your contribution. For details, visit https://cla.opensource.microsoft.com.

When you submit a pull request, a CLA bot will automatically determine whether you need to provide
a CLA and decorate the PR appropriately (e.g., status check, comment). Simply follow the instructions
provided by the bot. You will only need to do this once across all repos using our CLA.

This project has adopted the [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/).
For more information see the [Code of Conduct FAQ](https://opensource.microsoft.com/codeofconduct/faq/) or
contact [opencode@microsoft.com](mailto:opencode@microsoft.com) with any additional questions or comments.

## References
- [Build apps with the Microsoft Teams Toolkit and Visual Studio Code](https://cda.ms/1Jj)
- [Build a Teams tab with the Microsoft Graph Toolkit TeamsFX Provider](https://aka.ms/mgt/teamsfx)

## Next Step
> ▶️ **[Part 0 - Environment Setup](/Labs/00-Setup.md)**

# Project

> This repo has been populated by an initial template to help get you started. Please
> make sure to update the content to build a great experience for community-building.

As the maintainer of this project, please make a few updates:

- Improving this README.MD file to provide a great experience
- Updating SUPPORT.MD with content about this project's support experience
- Understanding the security reporting process in SECURITY.MD
- Remove this section from the README

## Contributing

## Trademarks

This project may contain trademarks or logos for projects, products, or services. Authorized use of Microsoft 
trademarks or logos is subject to and must follow 
[Microsoft's Trademark & Brand Guidelines](https://www.microsoft.com/en-us/legal/intellectualproperty/trademarks/usage/general).
Use of Microsoft trademarks or logos in modified versions of this project must not cause confusion or imply Microsoft sponsorship.
Any use of third-party trademarks or logos are subject to those third-party's policies.

OneProductivityHub-TeamsFx

Today's picks

Was this content helpful?

Recent Feedback

OneProductivityHub-TeamsFx

Today's picks

Was this content helpful?

Recent Feedback

Download README