Aws Mobile Appsync Events Starter React screenshot

Aws Mobile Appsync Events Starter React

Author Avatar Theme by Amazon archives
Updated: 8 May 2020
367 Stars

GraphQL starter application with Realtime and Offline functionality using AWS AppSync

Overview

This is a Starter React application for using the Sample app in the AWS AppSync console to build a GraphQL API. The Sample app creates a GraphQL schema and provisions Amazon DynamoDB resources, demonstrating GraphQL Mutations, Queries, and Subscriptions using AWS AppSync.

Features

  • GraphQL Mutations: Create new events, create comments on existing events.
  • GraphQL Queries: Get all events, get an event by ID.
  • GraphQL Subscriptions: Real-time updates for comments on an event.
  • Authorization: The app uses API Key as the authorization mechanism.

Installation

To install and set up the app, follow these steps:

  1. Clone this repository.
  2. Wait until the progress bar at the top has completed deploying your resources.
  3. From the integration page of your GraphQL API, select JavaScript at the bottom to download the aws-exports.js configuration file.
  4. Replace the aws-exports.js file in the root of your app with the file you just downloaded.
  5. Install the app’s dependencies.
  6. Start the application.

Summary

This Starter React application allows users to build a GraphQL API using the Sample app in the AWS AppSync console. It provides features for creating new events, adding comments to existing events, querying events, and subscribing to real-time updates for comments. The app uses API Key as the authorization mechanism.