26 lines
1.3 KiB
Markdown
26 lines
1.3 KiB
Markdown
# 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](https://countries.trevorblades.com) is used.
|
|
More information can be found in the [corresponding GitHub repository](https://github.com/trevorblades/countries).
|
|
|
|
## 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/](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
|