My Stickers Extension App for Microsoft Teams
/client-config-app (TypeScript + React)
The Web App in Teams for Management Stickers and uploading.
The deploy path is /config/.
The build files will put to the /config/ folder of the website.
Main Dependencies and Technology:
@fluentui/react-components: FluentUI V9react@18andtypescriptto build the appi18next: for localization@microsoft/teams-js@v2: for Teams APIswr: lightweight hooks for query and cache (like react query)
/website (TypeScript + React)
The Public Static Web Sites for prototypes and Statements.
The deploy path is /.
The build files will put to the root folder of the website.
Main Dependencies and Technology:
@fluentui/react-northstar: for teams chat prototype componentsreact@18andtypescriptto build the appi18next: for localizationreact-router-dom: for routingreact-markdown: render markdown filesreact-snap: pre-render websites
/server (C# + .Net6 + AzureWebapp)
Sever API and bot will be deployed to Azure Webapp
- BotFramework for bot messages
- .Net Core WebAPI for APIs
- MS SQL to store data index
/image-functions (C# + .NetCore + AzureFunction)
Auto Resize and Compress the image and will be deployed to Azure Function APP
/manifest (JSON)
Manifest Package files
- Search and Query
- ActionButton in Compose Extension
- allow admin customization
configurableProperties
Dependencies:
package-teams-app: package the manifest.zip (auto replace environment vars and validate schemas)
/official-stickers (js)
Manage the Official Recommened Stickers
Architecture
