graphql-engine/community/sample-apps/realtime-location-tracking

realtime-location-app

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

The Realtime location application is built using React and is powered by Hasura GraphQL Engine over Postgres. It has an interface for users to track location of a vehicle using Hasura live queries, 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.

• Checkout the live app.
• Explore the backend using Hasura Console.

Running the app yourself

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

  

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

• Clone this repo:

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

• Install Hasura CLI

• Goto hasura/ and edit config.yaml:

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

• Apply the migrations:

  hasura metadata apply
  hasura migrate apply
  hasura metadata reload
  

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

  const HASURA_GRAPHQL_ENGINE_HOSTNAME = 'realtime-backend2.hasura.app/v1/graphql';
  

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

  npm start