https://github.com/eddiewebb/circleci-graphql-explorer

Simple react app to make exploring graphql less hard
https://github.com/eddiewebb/circleci-graphql-explorer

Last synced: 8 months ago
JSON representation

Simple react app to make exploring graphql less hard

• Host: GitHub
• URL: https://github.com/eddiewebb/circleci-graphql-explorer
• Owner: eddiewebb
• Created: 2018-11-30T18:15:44.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2023-04-29T23:33:13.000Z (about 3 years ago)
• Last Synced: 2025-09-08T21:33:02.555Z (9 months ago)
• Language: JavaScript
• Homepage: https://eddiewebb.github.io/circleci-graphql-explorer/
• Size: 2.35 MB
• Stars: 5
• Watchers: 1
• Forks: 4
• Open Issues: 4
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# CircleCI Interactive Query Explorer (graphiql)

[![CircleCI](https://circleci.com/gh/eddiewebb/circleci-graphql-explorer/tree/master.svg?style=svg)](https://circleci.com/gh/eddiewebb/circleci-graphql-explorer/tree/master)

## Usage

This react/node app wraps our graphql endpoint with built-in introspection and auto-completion.

This makes it easy to explore the objects, arguments, and fields

![Gif showing the autocomplete querying](/assets/self.query)

## Available Scripts

In the project directory, you can run:

### `yarn install`

Its the first thing you need to do after cloning, but only once.  If you get "yarn not found", then

`npm install --global yarn` then run yarn install once complete.

If you don't have nodejs/npm, install via Homebrew.

### `yarn start`

Runs the app in the development mode.


Open [http://localhost:3000](http://localhost:3000) to view it in the browser.

The app expects a local Environment Variable named `CIRCLECI_API_TOKEN`. If not present, the app will show input asking for the value.

### Learn GraphQL (for CircleCI API)

See https://github.com/eddiewebb/jupyter-notes/blob/master/GraphQL/Plan%20Metrics.ipynb for a wallthrough starting with 

> “What even are the things I can query?”  

to 

> “Hooray, credit consumption by project and date for an org”