arron-taylor / graphql-1 Goto Github PK

1. Clone this repo
2. Start app in docker container ("docker compose up" in root directory) and access on your local network
3. Complete the tasks listed at the bottom
4. Upload the completed project to github
5. Paste a link to repo inside the google form under #1 JavaScript GraphQL Assessment: https://docs.google.com/forms/d/1_mNoOIj2KXoMuCoz84tbaMjKufu6UUfH4fp_TKQ8aWo

use this schema for graphql: https://studio.apollographql.com/public/countries/home

1. Add a new tab and new page to the app for continents (/continents), and display a list of all continents on that page.

• example of complete:

2. In the /countries page,

• when clicking on one of the countries names, add a mui dialog popup
• let the mui dialog popup query for the country clicked on and display all relevant information about the country inside the dialog
• example of complete:

3. On every page add a "favorite" button and subtitle with the number of favorites selected

• Each list item on each page should have a button with a star inside it
• That star should be yellow when toggled ON and gray when toggled OFF
• Each page should display the number of favorites on that page
• The home page should display all of the favorites from each page
• examples of complete: