graphql-browser-client/README.md

1.3 KiB

World Information System

This is a basic website which consists of multiple pages. Data about continents, countries as well as currencies can be retrieved.

As basis for the information provided, the GraphQL API at https://countries.trevorblades.com is used. More information can be found in the corresponding GitHub repository.

Exercise

Getting Started

We're going to build a small webpage which displays continents and countries of the world. The basic structure is already there, you need to integrate a GraphQL API to fetch the data from. You can access GraphiQL of this API with the url https://countries.trevorblades.com/.

Play around with the API and get familiar with available queries and the fields of the returned objects as well as the relations.

Tasks

Let's develop a webpage which displays continent and country information. You need to provide the needed GraphQL queries and set some information based on the response from the API.

  1. Add the necessary GraphQL queries in the JavaScript files
  2. Insert some information into the page based on the response from the API
  3. Test the wepage if all information is displayed correctly