Design Hasura GUI with GraphQL endpoint

By Trupti Rajesh Kini

Elevator Pitch

Producing a simplified dashboard that shows a plot of the historic CPU load of the VM with Hasura and GraphQL.

Description

We will try a simple program with the following:

  1. Use Hasura GUI to create a table in the linked postgres database which will be used to store the CPU measurements and to expose that table as GraphQL endpoint.
  2. Measure the CPU load of the VM and insert your measurement into the postgres database on the VM.
  3. Query the data via GraphQL and plot it in a frontend.
  4. Everything will be on docker. We will end up with a system that looks roughly like this:

    [ Python backend ] -- insert --> [ Postgres | Hasura ] -- GraphQL --> [ React Frontend ]

Notes

We will try a simple program with the following:

  1. Use Hasura GUI to create a table in the linked postgres database which will be used to store the CPU measurements and to expose that table as GraphQL endpoint.
  2. Measure the CPU load of the VM and insert your measurement into the postgres database on the VM.
  3. Query the data via GraphQL and plot it in a frontend.
  4. Everything will be on docker. We will end up with a system that looks roughly like this:

    [ Python backend ] -- insert --> [ Postgres | Hasura ] -- GraphQL --> [ React Frontend ]