Giter Site home page Giter Site logo

oslabs-beta / gqlevated Goto Github PK

View Code? Open in Web Editor NEW
80.0 4.0 5.0 38.17 MB

Elevate your projects with seamless GraphQL integration

Home Page: https://gqlevated.dev/

License: MIT License

JavaScript 86.66% TypeScript 1.36% CSS 11.98%
nextjs react redux-toolkit graphql nodejs express mongodb postgresql mongoose nextui

gqlevated's Introduction


Contributors Stargazers Forks Issues MIT License

Table of Contents
  1. About GQLEvated
  2. Background
  3. Getting Started
  4. How Does It Work
  5. Developers
  6. Contributors
  7. License

About GQLevated

GQLevated is an open source GraphQL prototyping tool. Our Web Hosted Development Tool supplies users with customized, production-ready GraphQL code including server-side Types, Root Queries and Mutations as well as client-side Queries and Mutations. This allows developers to spend more time solving problems and less time tediously writing GraphQL code, thus ELEVATING the project as a whole. Here is a medium article describing the inspiration behind GQLevated.

And it’s free to use for everyone - no need to create an account!

Accelerated by OS Labs.


Background

GraphQL is a query language for APIs and can be an ideal method over RESTful architecture for fulfilling queries of your existing data with less API calls. GraphQL provides a complete and understandable description of the data in your API, gives clients the power to ask for exactly what they need and nothing more, makes it easier to evolve APIs over time, and enables powerful developer tools.

However, making the switch to GraphQL on a project that utilizes relational databases and RESTful API is very time consuming and labor intensive due to its redundant structure, requiring a large amount of code to be written.


Let's Get Started

Visit https://GQLevated.dev to launch our web hosted tool.

  • Click the Learn More Button on our landing page to learn what GQLevated can do.
  • Click the Use GQLevated to start using our tool.
  • Go to the Developer's section for instructions on how to contribute.

(back to top)

How Does It Work?


Connect to your database

Enter your PostgreSQL or MongoDB connection string and connect to your database. Don’t have a connection string but still want to see how it works? No problem! Connect to our PostgresQL Sample Database and see GQLevated in action.

(back to top)

Generate your GraphQL code

With one simple click of a button GQLevated connects to your database, parses the data and generates the corresponding GraphQL code for you. This production-ready GraphQL code includes server-side Types, Root Queries and Mutations as well as client-side Queries and Mutations. It is displayed for you in an easy to reason about way and ready to be injected into your own application.

(back to top)

Export your GraphQL code

In addition to copying and pasting the newly generated GraphQL code straight from the browser display, users also have the option to export their customized GraphQL code as individual JavaScript files. Simply click on the ‘Export Code‘ button in the corresponding container of the code that you wish to download.

(back to top)

Visualize your databases

After generating their GraphQL Code, users will have the option to visualize and interact with their PostgreSQL or MongoDB databases!



(back to top)

Developers

This section describes the instructions for developers who would like to download and contribute to the open-source GQLevated project.

Built With

The GQLevated application was built using the following frameworks/libraries:

(back to top)

Project Setup

Required software for setting up this application:

  1. Clone the repo.

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

    npm install
  3. The application can be run in development mode by running the following command and going to http://localhost:3000/ on your browser.

    npm run dev
  4. Unit testing can be run by the following command:

    npm test

(back to top)

Contributors

John Alicastro @JohnAlicastro

Johnson Che @JohnsonChe

Nicholas Gonzalez @Nikootz

Quyen Calixto @QtieCoder

(back to top)

If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement". Don't forget to give the project a star! Thanks again!

  1. Fork the Project
  2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
  3. Commit your Changes (git commit -m 'Add some AmazingFeature')
  4. Push to the Branch (git push origin feature/AmazingFeature)
  5. Open a Pull Request

(back to top)

License

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

gqlevated's People

Contributors

johnalicastro avatar johnsonche avatar nikootz avatar quyencalixto avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.