Esse site é a resolução de um desafio front-end elaborado pelo Frontend Mentor. Na qual o intuito do projeto é desenvolver o site responsivo utilizando qualquer tecnologia com base no design proposto.
- Link de acesso: https://gustavosachetto.site/desafio-paises
Neste projeto utilizei HTML, JS e SASS. Abaixo está tudo que foi estudado para desenvolver o site:
- HTML: Tags semânticas, listas desordenadas, títulos hierárquico e imagens.
- JS: Definição de variáveis e constantes, criação de funções assincronas, estrutura de condição, estrutura de repetição, operador ternário e manipulação de arquivos JSON.
- JQUERY: Consumo de API, Analise de elementos e alteração de atributos dos elementos.
- SASS: Declaração de variáveis, declaração de objetos, crição de mixin e include e responsividade.
Seu desafio é integrar com a API REST Countries para extrair dados de países e exibi-los como nos designs.
Você pode usar qualquer framework/biblioteca JavaScript no front-end, como React ou Vue . Você também tem controle total sobre quais pacotes você usa para fazer coisas como fazer requisições HTTP ou estilizar seu projeto.
Seus usuários devem ser capazes de:
- Ver todos os países da API na página inicial
- Pesquisar um país usando um inputcampo
- Filtrar países por região
- Clique em um país para ver informações mais detalhadas em uma página separada
- Clique para acessar os países fronteiriços na página de detalhes
- Alterne o esquema de cores entre o modo claro e escuro (opcional)
