/graphcool-chat

A chat client based on graphcool and react

Primary LanguageJavaScript

graphql-chat

Clone the repository

git clone git@github.com:nikolasburk/muc-coding-night.git
cd muc-coding-night

Get your GraphQL endpoint

1. Install Graphcool CLI

You first have to install the Graphcool CLI:

npm install -g graphcool

2. Bootstrap local file structure for GraphQL server

graphcool init server # create files in new directory called `server`

3. Configure data model

Paste the following data model into the new file server/types.graphql and save the changes:

type Person @model {
  id: ID! @isUnique    # required system-field (read-only)
  createdAt: DateTime! # optional system-field (read-only)
  updatedAt: DateTime! # optional system-field (read-only)
  name: String!
  messages: [Message!]! @relation(name: "UserMessages")
}

type Message @model {
  id: ID! @isUnique    # required system-field (read-only)
  createdAt: DateTime! # optional system-field (read-only)
  updatedAt: DateTime! # optional system-field (read-only)
  text: String!
  sentBy: Person! @relation(name: "UserMessages")
}

Every type that's annotated with the @model directive is mapped to the database.

4. Deploy the GraphQL server

Navigate into the server directory and deploy the server:

cd server
graphcool deploy

When prompted, choose any of the Shared Clusters, e.g. eu-west-1.

Run the app 🚀

That's it, you can now start the app:

yarn install
yarn start

Go to http://localhost:3000 in your browser to start chatting 💬