Sample single page application for showing people a user works with on Microsoft 365

This repo contains a sample single page application (SPA) that shows how to show people that a user works with on 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
• 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