Sample single page application showing upcoming meetings for a Microsoft 365 user

This repo contains a sample single page application (SPA) that shows how to use the Microsoft Graph Toolkit to get upcoming meetings of the current user from Microsoft 365.

Prerequisites

• Node.js LTS
• Microsoft 365 developer tenant, you can get it for free through the Microsoft 365 developer program

Minimal path to awesome

1. Clone the repo
2. Change the working directory to the repo folder
3. Start terminal, change the working directory to the repo folder and run: chmod +x setup.sh
4. Run the setup script: ./setup.sh
5. Start the development server: npx lite-server
6. In your web browser open http://localhost:3000/index.html

Concepts introduced in this sample

• Retrieving upcoming meetings for today from the Microsoft 365 calendar using the Microsoft Graph Toolkit's Agenda component
• Allowing users to sign in to the application using their Microsoft 365 account with the Microsoft Graph Toolkit's Login component
• Programmatically initializing the MSAL2 auth provider from Microsoft Graph Toolkit
• Initializing Microsoft Graph Toolkit authentication provider with predefined scopes
• Using custom templates with Microsoft Graph Toolkit components
• Conditionally rendering content in Microsoft Graph Toolkit's components' templates
• Registering a new Azure AD application for a single page app using CLI for Microsoft 365