https://github.com/waldekmastykarz/office-mygroups-react

This application shows the list of your Office 365 Groups retrieved using the Microsoft Graph.
https://github.com/waldekmastykarz/office-mygroups-react

aad adal angular azure microsoft-graph office-365 office-ui-fabric

Last synced: 11 days ago
JSON representation

This application shows the list of your Office 365 Groups retrieved using the Microsoft Graph.

• Host: GitHub
• URL: https://github.com/waldekmastykarz/office-mygroups-react
• Owner: waldekmastykarz
• Created: 2016-03-26T15:50:44.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2022-12-07T12:12:40.000Z (almost 2 years ago)
• Last Synced: 2024-10-12T08:29:01.436Z (27 days ago)
• Topics: aad, adal, angular, azure, microsoft-graph, office-365, office-ui-fabric
• Language: JavaScript
• Size: 261 KB
• Stars: 28
• Watchers: 6
• Forks: 12
• Open Issues: 2
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

README

        
# My Office 365 Groups

This application shows the list of your Office 365 Groups retrieved using the Microsoft Graph.

![Screenshot](assets/screenshot.png)

This web application has been built using [React](https://facebook.github.io/react/) and shows how you can leverage [ADAL JS](https://github.com/AzureAD/azure-activedirectory-library-for-js) to connect to the Microsoft Graph. UX is implemented using [Office UI Fabric](http://dev.office.com/fabric).

## Prerequisites

In order to use this application you need the following prerequisites:

- Office 365 tenant

- admin access to the Azure Active Directory connected to the Office 365 tenant

## Configuration

Following are the steps that you need to complete in order to see this application working:

- in the old Azure Management Portal (https://manage.windowsazure.com/?WT.mc_id=m365-0000-wmastyka):

  - go to Azure Active Directory (AAD)

  - create a new AAD web application

  - set the return URL to `https://localhost:8443`

  - copy the web application's **Client Id**

  - grant the application the following permissions:

    - Windows Azure Active Directory

      - Sign in and read user profile

    - Microsoft Graph

      - Access directory as the signed in user

      - Read all groups

  - in application's manifest enable OAuth implicit flow

- clone this repo

- in the **app/adal/adal-config.js** file in the **clientId** property paste the Client Id of the newly created AAD application

- in the command line:

```

$ npm start

```

- in your web browser navigate to https://localhost:8443

- when prompted, login with your organizational account