Giter Club home page Giter Club logo

vue_crm's Introduction

Vue, Apollo, GraphCool App

A preconfigured vue, apollo, and graphcool application.

Setup Vue

# install vue-cli
npm install --global vue-cli

# create a new project using the "webpack" template
vue init webpack my-project

# install dependencies
cd my-project
npm install
npm run dev

Setup Apollo & GraphQL

npm install --save apollo-boost apollo-server-express apollo-link-context vue-apollo graphql graphql-tools cors subscriptions-transport-ws apollo-link-ws lodash

Add styling dependencies

npm install --save bulma

Setup Back-End with GraphCool

Installation

npm install -g graphcool

Create Server & Link it to Your Application

graphcool init

Now set the HTTP end point in the apollo-client.js file to the graphcool Simple API link generated by your 'graphcoool init' setup. You can also look these endpoints up again later with the command:

graphcool endpoints

Create Your Initial Schema

Create your initial schema in the project.graphcool file and then push the changes to the graphcool server.

 graphcool push

Setup User Account Authorization

Open your GraphCool console

 graphcool console

Click on the Integrations link in the menu and then enable the Email-Password Auth integration.

Do a pull request to your GraphCool server to bring down the schema changes that occurred from adding the Email-Password Auth integration.

 graphcool pull

Other GraphCool Commands

Usage: graphcool [command]

Commands: quickstart Tutorial to get started with Graphcool init Create a new project push Push project file changes pull Download the latest project file export Export project data endpoints Print GraphQL endpoints console Open Graphcool Console playground Open GraphQL Playground projects List projects auth Sign up or login version Print version

vue_crm's People

Contributors

jonathan1028 avatar

Watchers

James Cloos 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.