https://github.com/dabit3/appsync-graphql-real-time-canvas

Collaborative real-time canvas built with GraphQL, AWS AppSync, & React Canvas Draw
https://github.com/dabit3/appsync-graphql-real-time-canvas

Last synced: 1 day ago
JSON representation

Collaborative real-time canvas built with GraphQL, AWS AppSync, & React Canvas Draw

• Host: GitHub
• URL: https://github.com/dabit3/appsync-graphql-real-time-canvas
• Owner: dabit3
• Created: 2019-03-10T18:47:32.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2021-06-07T22:26:28.000Z (over 3 years ago)
• Last Synced: 2024-08-02T07:22:05.410Z (3 months ago)
• Language: JavaScript
• Size: 77.5 MB
• Stars: 122
• Watchers: 2
• Forks: 231
• Open Issues: 13
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-aws-amplify - AWS Appsync Graphql Real-time Canvas

README

        
# Real-time collaborative drawing canvas with GraphQL & AWS AppSync

![](graphqlgif1.gif)

Schema:

```graphql

type Canvas @model {

  id: ID!

  clientId: String!

  data: String!

}

```

## To deploy this application

> To deploy this application, you must have the latest version of the Amplify CLI installed & configured. To learn how to do this, check out the documentation [here](https://aws-amplify.github.io/).

1. Clone the repo & change into the directory

```sh

git clone https://github.com/dabit3/appsync-graphql-real-time-canvas.git

cd appsync-graphql-real-time-canvas

```

2. Deploy the GraphQL API

```sh

amplify init

amplify push

```

3. Run the app

```sh

npm start

```