hasura/graphql-engine
1
0
Fork 0
mirror of https://github.com/hasura/graphql-engine.git synced 2024-12-14 17:02:49 +03:00
Code Issues Projects Releases Wiki Activity
a7053fd9b5
graphql-engine/community/sample-apps/realtime-poll/README.md
hasura-bot 0e6bcfdba4 community: convert realtime poll sample app to hooks (close #7675) 
GITHUB_PR_NUMBER: 7694
GITHUB_PR_URL: https://github.com/hasura/graphql-engine/pull/7694

PR-URL: https://github.com/hasura/graphql-engine-mono/pull/2620
Co-authored-by: andykcom <532952+andykcom@users.noreply.github.com>
GitOrigin-RevId: 428d9a17468f18376957963a152afb11d176a39c
2021-10-26 08:26:05 +00:00

1.9 KiB
Raw Blame History

hasura-realtime-poll

A demo application to showcase real-time capabilities of Hasura GraphQL Engine.

Edit realtime-poll

The Realtime Poll application is built using React and is powered by Hasura GraphQL Engine over Postgres. It has an interface for users to cast vote on a poll and the results are updated in the on-screen bar chart, in real-time.

The application makes use of Hasura GraphQL Engine's real-time capabilities using subscription. There is no backend code involved. The application is hosted on GitHub pages and the Postgres+GraphQL Engine is running on Postgres.

Running the app yourself

  • Deploy GraphQL Engine on Hasura Cloud and setup PostgreSQL via Heroku:

    Deploy to Hasura Cloud

  • Get the Hasura app URL (say realtime-poll.hasura.app)

  • Clone this repo:

    git clone https://github.com/hasura/graphql-engine
cd graphql-engine/community/sample-apps/realtime-poll

  • Install Hasura CLI

  • Goto hasura/ and edit config.yaml:

    endpoint: https://realtime-poll.hasura.app

  • Apply the migrations:

    hasura metadata apply
hasura migrate apply
hasura metadata reload

  • Edit GRAPHQL_ENDPOINT in src/apollo.js and set it to the Hasura app URL:

    export const GRAPHQL_ENDPOINT = "realtime-poll.hasura.app";

  • Run the app (go the root of repo):

    npm install
npm start