Countries List

Realizei o desafio da seguinte maneira: utilizei requisições API (countries do Trevor Blades) através do client Apollo (GraphQL). Utilizei useState, useEffect e propriedades através dos componentes. Tive que aprender mais sobre o GraphQL em si, como criar uma query para pegar meus dados e testei bastante no playground da API, também estudei mais sobre as tipagens do Typescript em si.

Screenshot

Funcionalidades da aplicação:

• Responsividade
• Selecionar um país e ter todos à sua disposição
• Exibir em tela seu nome, capital, moeda, emoji e linguagens faladas no país selecionado

Tecnologias e ferramentas

• React, com o Vite
• TypeScript
• styled-components
• Apollo Client
• GraphQL

Instalação

Clone o repositório

$ git clone https://github.com/beadobruski/country-list.git

Instale as depedências do projeto:

$ npm install

Após isso rode o npm run dev na sua máquina local e entre no endereço localhost.

$ npm run dev

Deploy

Acesso o deploy do projeto aqui: https://country-list-beadobruski.vercel.app/