Página com uma listagem de todos os países existentes no globo, com mecanismo de filtragem por nome e por continente, tal como uma página separada para visualização de detalhes mais específicos do país.
A página também possui um esquema de temas, podendo variar do tema dark para o tema light apenas com o clique de um botão no cabeçalho da página.
Visualize a página através desse link.
HTML - Linguagem de marcação para estruturação da página. CSS - Linguagem de estilização para definição de estilos aos elementos. Typescript - Linguagem de programação baseada em Javascript com tipagens. React - Framework Javascript para o desenvolvimento de UIs reativas. Context API - Biblioteca React para a manipulação de estados globais. Redux / Redux Toolkit - Biblioteca React para o gerenciamento de estados globais. Styled-Components - Biblioteca React para a criação de componentes estilizados.
Clone o projeto
git clone https://github.com/whoiscaio/country-finder
Entre no diretório do projeto
cd country-finder
Instale as dependências
npm install
Inicie o servidor
npm run start