ArtemisQL is a GraphQL migration and database visualizer tool that empowers developers to build GraphQL schemas with ease.

Last update: Jun 23, 2022

ArtemisQL

A GraphQL migration tool and relational database visualizer

Contributors Stargazers Issues LinkedIn

🔎 Overview

ArtemisQL is an open-source web application providing a SQL (Postgres) database GUI and custom-generated GraphQL schema (type defs, queries, mutations) and resolvers created by developers for developers, to ease the transition from REST to GraphQL.

Read more on Medium.
Accelerated by OS Labs.

⚙️ Getting Started

Visit ArtemisQL.io to utilize the tool.

Connect to a database

  • Input your PostgreSQL URI
  • OR use the sample database to view data rendered in an interactive diagram.


Visualize your data

  • Easily view the relationships between the tables via the links that highlight the foreign key constraints.
  • Move any table and arrange them to optimally view the structure of the database and the relationships between the tables.


Generate GraphQL Schema

  • View the generated GraphQL schema, including the types and associated resolvers.
  • Use the copy button to effortlessly integrate the code into your project.


GraphQL Sandbox

  • Interactively construct full queries using the sample database.
  • Use the "Docs" to explore the possible queries, fields, types, mutations, and more.


🏗️ For Developers - How to Contribute

We would love for you to test our application and submit any issues you encouter. Please feel free to fork your own repository to and submit your own pull requests.

How you can contribute:

  • Submitting or resolving GitHub issues
  • Implementing features
  • Helping market our application

Please make sure you have the following:

  1. Clone the repo.

    git clone https://github.com/oslabs-beta/ArtemisQL.git
  2. Install the package dependencies.

    npm install
  3. Create an .env file in the project root directory and initialize PG_URI constant. If you want to use your own PostgresQL database, feel free to put your URI here. If you would like to use our sample Starwars database, please contact us at [email protected].

    PG_URI= 
  4. To run the application in development mode, please run following command and navigate to http://localhost:8080/.

    npm run dev
  5. To run the application in production mode, please run the following commands and navigate to http://localhost:3000/.

    npm start
    
    npm run build
  6. To run the application against our testing suite, please run the following command.

    npm run test

🧬 Built With

🤖 Developers

JohnnyBryan
JenniferChau
JohnLin
TarasSukhoverskyi

License

This product is licensed under the MIT License.

GitHub

https://github.com/oslabs-beta/artemisql
You might also like...

Cheatsheets for experienced React developers getting started with TypeScript

Cheatsheets for experienced React developers getting started with TypeScript

React+TypeScript Cheatsheets Cheatsheets for experienced React developers getting started with TypeScript Web docs | 中文翻译 | Español | Português | Cont

Feb 20, 2022

A React advanced components library based on TypeScript & Bootstrap, built by idea2app remote developers team.

A React advanced components library based on TypeScript & Bootstrap, built by idea2app remote developers team.

Idea React A React advanced components library based on TypeScript & Bootstrap, built by idea2app remote developers team. CSS on CDN link rel="st

Dec 25, 2021

React / NextJS Helper for Laravel Developers

React / NextJS Helper for Laravel Developers

Jul 2, 2022

React-practice - A tool which organize daily activites, and gives you a list where you can mark completed tasks

React-practice - A tool which organize daily activites, and gives you a list where you can mark completed tasks

React Todo-app Todo-list Todo-list project: Todo is a tool which organize daily

Apr 18, 2022

A uselful tool for stramers and power users

A uselful tool for stramers and power users

Astro Desktop O Projeto Astro é um conjunto de softwares que auxilia streamers no gerenciamento de suas transmissões ao vivo. Ele é uma alternativa gr

May 31, 2022

🚀🚀🚀 This is a tool that helps programmers create Express & React projects easily base on react-cool-starter.

🚀🚀🚀 This is a tool that helps programmers create Express & React projects easily base on react-cool-starter.

erb 🔥 🔥 🔥 Express react boilerplate 🔥 🔥 🔥 Features Server side (Express). NoSQL database (MongoDB). Client side (React). Universal routing (reac

Jun 1, 2022

A CLI tool to clean out boilerplate code created by create-react-app

Clean React Clean React is a CLI tool that removes and modifies some of the boilerplate files and code that are being generated when initiating a new

Jun 14, 2022

A cli tool to generate cra-template from current create-react-app project.

Create Cra Template A cli tool to generate cra-template from current create-react-app project. Create Cra Template Templates cra-template-popular cra-

Jun 30, 2022

This a full MERN stack ecommerce website for tool rentals.

This a full MERN stack ecommerce website for tool rentals.

Alamo Tools Table of Contents Description Installation Contributing Technologies Questions Description This a full stack ecommerce website for tool re

Jul 2, 2022
Comments
  • 1. Mobile responsiveness / PWA

    The web application currently when switching to mobile view from desktop view loses its responsiveness.

    Steps to reproduce the behaviour: Drag window view on the home pack from large desktop display to mobile display

    A clear transition should occur keeping the layout consistent.

    Reviewed by Marcelckp at 2022-02-20 21:29
  • 2. [BUG] Add browser compatibility

    Describe the bug A clear and concise description of what the bug is.

    Currently web application is built with only Chrome in mind. Add safari, firefox, ie compatibility.

    Reviewed by johnnybryan at 2022-02-20 21:25
  • 3. Add MongoDB Compatibility

    Is your feature request related to a problem? Please describe. A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]

    Describe the solution you'd like A clear and concise description of what you want to happen.

    Describe alternatives you've considered A clear and concise description of any alternative solutions or features you've considered.

    Additional context Add any other context or screenshots about the feature request here.

    Reviewed by johnnybryan at 2022-02-20 21:22
React - NextJs + Tailwindcss+ PWA: JSON Visualizer to turn raw and chunky JSON into Visual good-looking data groups
React - NextJs + Tailwindcss+ PWA: JSON Visualizer to turn raw and chunky JSON into Visual good-looking data groups

React - NextJs + Tailwindcss+ PWA: JSON Visualizer to turn raw and chunky JSON into Visual good-looking data groups

Jun 28, 2022
May 29, 2022
This is a react portfolio template build using react, typescript and tailwind css. It help developers and designers to showcase their work

React Portfolio Using Tailwind UI This project include a portfolio template which is built using React and Tailwind CSS. It help developer and designe

Oct 30, 2021
Starter kit for developers who want to build an NFT minting site

NFT Dapp Starter Kit ??️ Ready to bootstrap your own NFT minting site? You're in the right place. This boilerplate repo contains an NFT minting contra

Aug 8, 2022
Ambire Wallet: A full featured non-custodial DeFi wallet that combines power, security and ease of use

localtunnel localtunnel exposes your localhost to the world for easy testing and

Aug 8, 2022
CRUD App using MERN Stack, it uses ReactJS for Front-end, NodeJS, Express For the Backend and Mongo DB as database!
CRUD App using MERN Stack, it uses ReactJS for Front-end, NodeJS, Express For the Backend and Mongo DB as database!

Book Collection List ?? Demonstration of the application | Features | Technologies used | Application installation ?? Demonstration of the application

Jul 7, 2022
Yet another boilerplate for TypeScript and React developers.

boilerplate-2021 Yet another boilerplate for TypeScript and React developers. 中文介绍 Demo https://magiccube.github.io/boilerplate-2021/ Usage Since this

May 23, 2022
Cleanfolio - a clean and simple portfolio template for developers, built using React
 Cleanfolio - a clean and simple portfolio template for developers, built using React

Cleanfolio - a clean and simple portfolio template for developers, built using React

Jul 31, 2022
Agrippa is a humble CLI, whose purpose is to assist React developers in creating components without the boilerplate.

Agrippa is a humble CLI, whose purpose is to assist React developers in creating components without the boilerplate. It can easily generate te

Jul 31, 2022
Cheatsheets for experienced React developers getting started with TypeScript
Cheatsheets for experienced React developers getting started with TypeScript

React+TypeScript Cheatsheets Cheatsheets for experienced React developers getting started with TypeScript Web docs | 中文翻译 | Español | Português | Cont

Aug 7, 2022