microsoftgraph / Microsoft Graph Explorer V4
Licence: mit
React/Redux version of Graph Explorer used to learn the Microsoft Graph Api
Stars: ✭ 74
Programming Languages
typescript
32286 projects
Labels
Projects that are alternatives of or similar to Microsoft Graph Explorer V4
Ts2redux
Compile standard TypeScript classes to Redux or React Context API
Stars: ✭ 39 (-47.3%)
Mutual labels: react-redux
React Redux Hooks Starter
React-redux boilerplate using hooks 🎣
Stars: ✭ 69 (-6.76%)
Mutual labels: react-redux
Hapi React Hot Loader Example
Simple React Hot Loading example with Hapi Server-side rendering
Stars: ✭ 44 (-40.54%)
Mutual labels: react-redux
Harmoware Vis
Spatial-Temporal Visualization Library using Deck.GL
Stars: ✭ 51 (-31.08%)
Mutual labels: react-redux
Egg React Typescript Boilerplate
Egg React TypeScript Server Side Render (SSR) / Client Side Render (CSR)
Stars: ✭ 56 (-24.32%)
Mutual labels: react-redux
Hellobooks
A Single-Page Library Management App built with nodejs, express and react and redux
Stars: ✭ 37 (-50%)
Mutual labels: react-redux
Choerodon Front
Choerodon Front is a total front-end of Choerodon that combines Choerodon IAM and Choerodon DevOps.
Stars: ✭ 62 (-16.22%)
Mutual labels: react-redux
React Antd Admin Template
一个基于React+Antd的后台管理模版,在线预览https://nlrx-wjc.github.io/react-antd-admin-template/
Stars: ✭ 1,022 (+1281.08%)
Mutual labels: react-redux
Simple Universal React Redux
The simplest possible Async Universal React & Redux Boilerplate app, that works on both Mac and Windows
Stars: ✭ 58 (-21.62%)
Mutual labels: react-redux
Typescript Hapi React Hot Loader Example
Simple TypeScript React Hot Loading example with Hapi Server-side rendering
Stars: ✭ 44 (-40.54%)
Mutual labels: react-redux
Aspnet Starter Kit 2.0
Cross-platform web development with Visual Studio Code, C#, F#, JavaScript, ASP.NET Core, React (ReactJS), Redux, TypeScript. Single-page application boilerplate.
Stars: ✭ 70 (-5.41%)
Mutual labels: react-redux
Redux Micro Frontend
This is a library for using Redux to manage state for self-contained apps in a Micro-Frontend architecture. Each self-contained isolated app can have its own isolated and decoupled Redux store. The componentized stores interact with a global store for enabling cross-application communication.
Stars: ✭ 38 (-48.65%)
Mutual labels: react-redux
Github View
Analyse activities and contributions of a GitHub user.
Stars: ✭ 54 (-27.03%)
Mutual labels: react-redux
Realm React Redux
A redux like store with Realm as the state
Stars: ✭ 72 (-2.7%)
Mutual labels: react-redux
Dva Starter
完美使用 dva react react-router,最好用的ssr脚手架,服务器渲染最佳实践
Stars: ✭ 60 (-18.92%)
Mutual labels: react-redux
Microsoft Graph Explorer V4
The Microsoft Graph Explorer V4 lets developers quickly navigate and test API endpoints.
The Graph Explorer is written in TypeScript and powered by:
Running the explorer locally
-
npm install
to install project dependencies.npm
is installed by default with Node.js. -
npm start
starts the TypeScript compiler in watch mode and the local server. It should open your browser automatically with the Graph Explorer at http://localhost:3000/.
Enabling authentication with your own credentials
- Signing to your Microsoft account or Create one if you don't have.
- In the Dashboard, click
Add an app in the Azure portal
. You will be redirected to the Microsoft Azure portal where you Register an application. Set Redirect URI tohttp://localhost:3000
.You can also set it from authentication tab in the app you have just created. - Create a
.env
file at the root of the project and add the following keys.- REACT_APP_CLIENT_ID=xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx
- REACT_APP_INSTRUMENTATION_KEY=xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx
Where REACT_APP_CLIENT_ID
is the Application (client) ID
from the Azure portal and REACT_APP_INSTRUMENTATION_KEY
is the Object ID
from the portal.
Other commands
-
npm test
to run tests from the command line for scenarios like parsing metadata and functional explorer tests. -
npm run ci
to run accessibility tests from the command line -
npm run lint
linting your files
Contributing
Please see the contributing guidelines.
This project has adopted the Microsoft Open Source Code of Conduct. For more information see the Code of Conduct FAQ or contact [email protected] with any additional questions or comments.
Testing Accessbility
- Download the latest stable chromedriver from here.
- In your
.env
file, create a variableREACT_APP_CHROMEDRIVER_PATH
and save the path to yourchromedriver.exe
file. For example (on a Windows PC) it would be :REACT_APP_CHROMEDRIVER_PATH=C:\\SeleniumWebDrivers\\ChromeDriver\\chromedriver.exe
Take note of the format. - Save your changes.
- On your terminal run the command
npm install
. - Once the installation is complete run the command
npm run ci
.
Known issues
- You cannot remove permissions by using the Graph Explorer UI. You will need to remove the application consent and then re-consent to remove permissions. I know, this is far from a good experience.
Additional resources
Copyright
Copyright (c) 2017 Microsoft. All rights reserved.
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].