All Projects → giraffQL → Giraffql

giraffQL / Giraffql

Interactive GraphQL exploration tool built with React - still working on the website

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Giraffql

Nextjs Pwa Graphql Sql Boilerplate
Next.js serverless PWA with GraphQL (Apollo) + Postgres SQL boilerplate
Stars: ✭ 125 (-28.98%)
Mutual labels:  graphql, heroku
Intro To Graphql
[Course] Introduction to GraphQL
Stars: ✭ 175 (-0.57%)
Mutual labels:  graphql, express
Graphbrainz
A fully-featured GraphQL interface for the MusicBrainz API.
Stars: ✭ 130 (-26.14%)
Mutual labels:  graphql, express
Hypergraphql
GraphQL interface for querying and serving linked data on the Web.
Stars: ✭ 120 (-31.82%)
Mutual labels:  graphql, schemas
Express Webpack React Redux Typescript Boilerplate
🎉 A full-stack boilerplate that using express with webpack, react and typescirpt!
Stars: ✭ 156 (-11.36%)
Mutual labels:  heroku, express
Reactly Starter Kit
Deployable React + Webpack 2 starter kit
Stars: ✭ 122 (-30.68%)
Mutual labels:  heroku, express
Bandwidth Hero Proxy
⚡️ Proxy that compresses images to low-resolution
Stars: ✭ 130 (-26.14%)
Mutual labels:  heroku, express
Porn Vault
💋 Manage your ever-growing porn collection. Using Vue & GraphQL
Stars: ✭ 1,634 (+828.41%)
Mutual labels:  graphql, express
Payload
Headless CMS and Application Framework built with Node.js, React and MongoDB
Stars: ✭ 154 (-12.5%)
Mutual labels:  graphql, express
Next Graphql Blog
🖊 A Blog including a server and a client. Server is built with Node, Express & a customized GraphQL-yoga server. Client is built with React, Next js & Apollo client.
Stars: ✭ 152 (-13.64%)
Mutual labels:  graphql, express
Postgraphile
GraphQL is a new way of communicating with your server. It eliminates the problems of over- and under-fetching, incorporates strong data types, has built-in introspection, documentation and deprecation capabilities, and is implemented in many programming languages. This all leads to gloriously low-latency user experiences, better developer experiences, and much increased productivity. Because of all this, GraphQL is typically used as a replacement for (or companion to) RESTful API services.
Stars: ✭ 10,967 (+6131.25%)
Mutual labels:  graphql, express
Express Graphql Example
Example project how to use Express and GraphQL
Stars: ✭ 163 (-7.39%)
Mutual labels:  graphql, express
Hypergraphql
GraphQL interface for querying and serving linked data on the Web.
Stars: ✭ 112 (-36.36%)
Mutual labels:  graphql, schemas
Graphql Serverless
GraphQL (incl. a GraphiQL interface) middleware for the webfunc serverless web framework.
Stars: ✭ 124 (-29.55%)
Mutual labels:  graphql, express
Flowmaker
flowmaker: JS to SVG flowchart generation extension for Vscode in realtime written in typescript and also download the SVG through local node server. Extension:
Stars: ✭ 108 (-38.64%)
Mutual labels:  express, developer-tools
Express Routemap
Display all your express routes in the terminal!
Stars: ✭ 131 (-25.57%)
Mutual labels:  express, developer-tools
Ecommerce Nodejs
Ecommerce application back-end codes
Stars: ✭ 97 (-44.89%)
Mutual labels:  heroku, express
Nightcat
个人博客,技术栈:NodeJS + Express + mongoose + GraphQL + Vue 全家桶
Stars: ✭ 97 (-44.89%)
Mutual labels:  graphql, express
Apollo Server
🌍  Spec-compliant and production ready JavaScript GraphQL server that lets you develop in a schema-first way. Built for Express, Connect, Hapi, Koa, and more.
Stars: ✭ 12,145 (+6800.57%)
Mutual labels:  graphql, express
Frisky
🍿 Open Source GraphQL API for Online Shows
Stars: ✭ 161 (-8.52%)
Mutual labels:  graphql, express

GiraffQL

license David


An interactive GraphQL schema visualization tool built with React. Create your schema, set up relations, generate and save your schema files and test your schema by writing some basic queries with Graphiql. Start exploring the capabilities of GraphQL with our App.

Getting Started


Create a GraphQL Schema


  • Create tables with the green button
  • Clear all tables with red button
  • Fill in each property of your schema and select each property class
  • Create relations between tables by dragging a line and connecting a table to a row
  • Save your schema file by clicking "Save Schema"

Exploring Queries


Explore with Graphiql and Mock Data


  • Once your tables are created click on "Test Schema"
  • This will launch GraphiQL and faker.js provides random data for you to send queries against your schema

Built With


Resources


Authors


License


This project is licensed under the MIT License - see the LICENSE.md file for details

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].