tdossett / vue-graphql

Vue and GraphQL project

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

VUE-GRAPHQL Project

About

This project was based on tutorial: Node, Express, PostgreSQL, Vue 2 and GraphQL CRUD Web App. Addtional modifications were made from tutorial for configuration of project layout and structure.

GraphQL is a query language for APIs and a runtime for fulfilling those queries with your existing data. 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.

GraphQL Video

See How to GraphQL.

Project DEMO

Demo Vue and GraphQL

Project setup

The following tools, frameworks, and modules are required for this project:

Node.js (choose recommended version),
Vue 2,
Express.js,
GraphQL,
Express-GraphQL,
Vue-Apollo,
Bootstrap-Vue,
PostgreSQL,
Sequelize,
Terminal (Mac/Linux) or Node Command Line (Windows),
IDE or Text Editor (We are using Visual Studio Code)

Project Context

Backend folder contains all configuration for GraphQL and PostgreSQL utilzing Sequelize 
as the ORM (Object Relational Mapping). Refer to README.md for 'backend' installation and configuation.

Client folder contains Vue.js components used to perform GraphQL CRUD API's. In addtion contains 
configuration for ApolloClient module used communicate and execute GraphQL API's. 
Refer to README.md for 'client' installtion and configuation.

Customize GraphQL configuration

See Configuration Reference.

About

Vue and GraphQL project


Languages

Language:JavaScript 50.4%Language:Vue 46.0%Language:HTML 2.1%Language:Pug 1.1%Language:CSS 0.4%