This project is showing how you can use Microsoft Graph in your React project.

Microsoft Graph gives you power to control Excel, Outlook, OneDrive, OneNote, Planner, Azure AD, SharePoint, etc.

It shows how you can Mircosoft Graph to login with a Microsoft account.

Once you login, it reads the contacts of your Microsoft account.

If you click "Write to Excel" button, it writes the contacts to an Excel file.

Note before write to Excel, you need create an file called "demo.xlsx" in root folder of your OneDrive. Then create an table called "Table 1" which has two columns in the Excel like below:

This project try to be as simple as possible to help you quick start. In the future, we will provide a simple API to create empty file.

This project was generated with create-react-app. Use npm start or yarn start to run. Navigate to http://localhost:3000/.

To create your app, you need get an App ID at https://apps.dev.microsoft.com/.

Configure the app with the permissions you need. Check Allow Implicit Flow. Update Redirect URLs.

This demo needs Contacts.Read, Files.ReadWrite permissions. The Redirect URLs are http://localhost:3000, http://localhost:3000/home.

Some of these info also need to be set up in the app config file.

To learn more about Microsoft Graph, please check this document.