Covid Graph React Application

This is a front end application for the Covid Graph database utilizing React, Typescript, and GraphQL.

The goal is to be a simple tabular based interface for the whole of the Covid Graph data. It will hopefully serve as a basis for more specific frontend applications (e.g. a Patent focused application).

It was originally generated as a Typescript & React frontend in GRANDstack.io.

Deployment

The main branch deployment is available at https://covid-graph-react-client.netlify.app/

Development

The application depends on the the Covid Graph GraphQL API. By default the application tries the endpoint: http://localhost:4001/graphql.

npm install
npm run start

If you would like to define a different API endpoint use the REACT_APP_GRAPHQL_URI environment variable, for example:

REACT_APP_GRAPHQL_URI=https://graphql-api.covidgraph.vercel.app/graphql npm run start

Type generation

The GraphQL entities are mapped to Typescript via an auto generated deceleration file (from GraphQL Code Generator).

To recreate the deceleration file, ensure you have the correct GraphQL endpoint set in the codegen.yml file and run:

npx graphql-codegen

Project Management

ZenHub is being used to manage the the tasks/GitHub issues, find the board here. To enhance your ZenHub integration with GitHub we recommend installing the ZenHub browser extension.

When adding an issue please associate the 'React Client' epic to the issue, so that all tasks across the Covid Graph project graph can be easily monitored.