This sample was added after the 30 Days of Microsoft Graph blog series and as such has limited documentation. The key points to note:

• Prerequisites
• Step 1: Start Backend
• Step 2: Start Frontend
• Step 3: Try the demo

• Permissions required

  • Delegated (work or school account)
    • Mail.Read, Mail.ReadWrite, Calendars.Read, Calendars.ReadWrite, Files.Read.All, Files.ReadWrite.All, Sites.Read.All, Sites.ReadWrite.All, ExternalItem.Read.All

• Visual Studio Code installed on your development machine. If you do not have Visual Studio Code, visit the previous link for download options. (Note: This tutorial was written with Visual Studio Code version 1.55.2. The steps in this guide may work with other versions, but that has not been tested.)

• Visual Studio. (Note This tutorial was written with Visual Studio 2019. The steps in this guide may work with other versions, but that has not been tested.), when start installation, please:

  • Make sure you installed the ASP.NET & web development under the Web & Cloud
  • Make sure you installed .Net desktop development under the Desktop & Mobile

• If you want to extend authentication, please refer the guides before or try to use this MSAL sample or go to Azure Document for getting auth helps. In this guide, please ensure you have a way to get a token for accessing graph endpoint. Try Graph Explorer and got a token from there.

• Nodejs This tutorial was written with NodeJS version 14.15.4. Please click the link then install the nodeJS

, type below and enter

dotnet restore

run command below:

npm install -g @angular/cli

• Open Visual Studio Code, and import frontend project.
•