https://github.com/oslabs-beta/giraffeql

🦒 Developer tool to visualize relational databases and export schemas for GraphQL API's.
https://github.com/oslabs-beta/giraffeql

application front-end-development graphql nextjs nocode oauth postgresql react visualizer

Last synced: 8 months ago
JSON representation

🦒 Developer tool to visualize relational databases and export schemas for GraphQL API's.

• Host: GitHub
• URL: https://github.com/oslabs-beta/giraffeql
• Owner: oslabs-beta
• License: mit
• Created: 2021-01-29T19:43:05.000Z (almost 5 years ago)
• Default Branch: main
• Last Pushed: 2021-03-05T14:24:04.000Z (almost 5 years ago)
• Last Synced: 2025-04-08T10:53:16.663Z (9 months ago)
• Topics: application, front-end-development, graphql, nextjs, nocode, oauth, postgresql, react, visualizer
• Language: JavaScript
• Homepage: https://giraffeql.io
• Size: 12.5 MB
• Stars: 147
• Watchers: 8
• Forks: 18
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          


    





giraffeql.io










  

  

  

  



**giraffeQL** is an open source tool that visualizes your PostgreSQL relationships to easily configure your database for a GraphQL API. In other words, you can drag-and-drop colorful tables and export Javascript!

Users can create new tables, connect columns, and edit data while seeing their changes take effect in a _real-time_ GraphQL code preview. The code can be exported ready-to-go in any application.

#  **Features**

- **Sign-in page**: Sign up for an account through GitHub OAuth, or just continue as a guest. Registered users enjoy additional project-saving functionality.

- **Start a new diagram**: Upload an existing PostgreSQL URI to auto-populate your data or start from scratch.



- **Organize your tables**: Drag-and-drop your new nodes and organize your data to best visualize the architecture of your database.



- **Search for nodes**: Search for tables by name to easily find data or relationships among large or cluttered databases.

- **Create connections**: Visualize and modify constraints between column relationships by connecting nodes with one-click.

- **Edit data**: Enter edit mode to change a table's names, fix a mistake, switch data types, or properties.



- **Add tables/columns**: Notice something missing or just want something new? Create new tables and columns easily.

- **Export your code**: Easily copy your generated code to your clipboard or export as a Javascript file to add to your project.



#  **Contributors**

[Benjamin Trosch](https://www.linkedin.com/in/benjitrosch/) [@benjitrosch](https://github.com/benjitrosch)

[Anson Avellar](https://www.linkedin.com/in/ansonavellar/) [@theansonia](https://github.com/theansonia)

[Dan Snyder](https://www.linkedin.com/in/daniel-snyder-77aa4bbb/) [@dasnyder3](https://github.com/dasnyder3)

[Eric Peng](https://www.linkedin.com/in/eric-peng-40b37b13b/) [@ericpengJoJo](https://github.com/ericpengJoJo)

[Dawid Stasiński @StasinskiPL](https://github.com/StasinskiPL)

___

## License

This project is licensed under the MIT License - see the [LICENSE.md](https://github.com/oslabs-beta/giraffeQL/blob/main/LICENSE) file for details.