prismagraphql/freecom-tutorial

Name: freecom-tutorial

Owner: Prisma

Description: Full-stack tutorial series to build your own customer chat

Created: 2017-04-10 11:59:04.0

Updated: 2018-05-19 01:24:54.0

Pushed: 2017-07-22 18:17:11.0

Homepage: https://www.graph.cool/freecom/

Size: 93

Language: JavaScript

GitHub Committers

User	Most Recent Commit	# Commits

Other Committers

User	Email	Most Recent Commit	# Commits

README

Freecom Full-Stack Tutorial Series

In this repository, you find the code for each chapter of the Freecom tutorial series. With every new chapter, we're adding two new folders to the repository that will generally be named as follows:

• freecom-0X: Contains the starter code for chapter X
• freecom-0X-final: Contains the final code for chapter X and serves as a reference solution if you get lost along the way

Note that you'll have to add your own GraphQL endpoint in src/index.js.

Previous Chapters

The chapters provide a high-level overview on the concepts being used. If you want to code along, watch our videos to get step-by-step instructions for implementing the next features.

• Building Intercom with GraphQL, Apollo & React (Overview) | Chapter | Video
• Designing the Schema & GraphQL Server (1/6) | Chapter | Video
• Apollo Setup & GraphQL Queries/Mutations in React (2/6) | Chapter | Video
• Realtime Updates with GraphQL Subscriptions (3/6) | Chapter | Video
• Controlling Data Access with Authentication & Permissions (4/6) | Chapter | Video

Getting the GraphQL Endpoint

This is what the data model for Freecom looks like:

 Message {
ent: Agent @relation(name: "MessagesFromAgents")
nversation: Conversation @relation(name: "MessagesInConversation")
eatedAt: DateTime!
: ID!
xt: String!
datedAt: DateTime!


 Conversation {
ent: Agent @relation(name: "ConversationsFromAgent")
eatedAt: DateTime!
stomer: Customer @relation(name: "ConversationsFromCustomer")
: ID!
ssages: [Message!]! @relation(name: "MessagesInConversation")
ackChannelIndex: Int!
datedAt: DateTime!


 Agent {
nversations: [Conversation!]! @relation(name: "ConversationsFromAgent")
eatedAt: DateTime!
: ID!
ageUrl: String!
ssages: [Message!]! @relation(name: "MessagesFromAgents")
ackUserId: String!
ackUserName: String!
datedAt: DateTime!


 Customer {
nversations: [Conversation!]! @relation(name: "ConversationsFromCustomer")
eatedAt: DateTime!
: ID!
me: String!
datedAt: DateTime!

You can generate your own GraphQL API from this schema by using the Graphcool CLI:

stall the Graphcool CLI
install -g graphcool

t the GraphQL Endpoint
hcool init --schema http://graphqlbin.com/freecom.graphql --name Freecom

Help & Community

Say hello in our Slack or visit the Graphcool Forum if you run into issues or have questions. We love talking to you!