Sample single page application for finding meeting time for multiple people on Microsoft 365

This repo contains a sample single page application (SPA) that shows how to find a suitable meeting time for multiple people that use Microsoft 365. The app is built using the Microsoft Graph Toolkit and Microsoft Graph.

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

• 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 the Microsoft Graph Toolkit people picker component to select people
• Find available meeting times for the selected attendees using the Microsoft Graph
• Create a meeting using the Microsoft Graph
• Conditionally showing content after the user has signed in
• Using the Microsoft Graph JS SDK from the Microsoft Graph Toolkit
• Registering a new Azure AD application for a single page app using CLI for Microsoft 365