https://github.com/rakannimer/pagination-and-sorting-with-aws-amplify

https://github.com/rakannimer/pagination-and-sorting-with-aws-amplify

Last synced: 15 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/rakannimer/pagination-and-sorting-with-aws-amplify
• Owner: rakannimer
• Created: 2019-07-30T11:52:10.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2023-01-04T07:44:48.000Z (almost 2 years ago)
• Last Synced: 2024-04-09T11:29:21.278Z (7 months ago)
• Language: TypeScript
• Homepage: https://master.d134reqxn9j89v.amplifyapp.com/
• Size: 4.09 MB
• Stars: 17
• Watchers: 3
• Forks: 11
• Open Issues: 18
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
## Building a group chat app with AWS Amplify

The motivation behind this example is to explore the handling of live lists of sorted data with Amplify API (AppSync & GraphQL Transformer).

The app consists of 3 routes:

- `channel?id={id}` A chat room identified by an id. A user can send and receive messages in real-time. Messages are sorted by descending message creation data (newest at the bottom).

- `channels` A list of channels sorted by ascending last update date (newest always at the top).

- `me` A form that a user can fill to share more about themselves.

### Clone the repo

```sh

git clone https://github.com/rakannimer/pagination-and-sorting-with-aws-amplify

```

### Run locally

```sh

npm install

npm run dev

# or

yarn

yarn dev

```

### Deploy your own

#### From the console

[![amplifybutton](https://oneclick.amplifyapp.com/button.svg)](https://console.aws.amazon.com/amplify/home#/deploy?repo=https://github.com/rakannimer/pagination-and-sorting-with-aws-amplify)

#### From the amplify cli

```sh

rm src/aws-exports.js

rm -rf amplify

amplify init

amplify add api

# When prompted for a schema, point to ./schema.graphql

amplify push

```