Teams ToDo App

Summary

This repository contains a simple ToDo app for Microsoft Teams built with the latest TeamFx toolkit. This is a Tab app build with React and Northstar controls. Main features:

1. ToDo items list with ability to add, remove, edit items
2. Local storage for persistance
3. Graph API user search and custom queries
4. Azure function calls

Demo

Run the sample

• Install TeamsFx toolkit
• Clone the source code
• Open the cloned folder in Visual Studio Code
• Switch to the teams tab and authenticate yourself at Azure and M365 account
• Select Run > Start Debugging
• In the opened browser, select "Add"

The VS Code will install all the required packages, run the backend and the frontend and starts the browser with Teams running your Tab app.

Figma early design

Build to reflect the Figma design which can be found here and quick prototype is below