Site theworld.vercel.app
TheWorld é um cliente REST que nos permite visualizar e fazer o download das informações de propriedades dos países presentes na API (https://restcountries.eu) como nome, capital, região, sub-região, população, área, fuso horário, nome nativo e a bandeira.
Podendo fazer a pesquisa usando nome do país, Cidade Capital, Lingua e a Região. A aplicação pode ser visualisada no Modo de luz ou no Modo escuro.
Light Mode / Darkt Mode
Construido com React.js e Typescript.
-
SWR Uma FermWork do tipo Stele-While-Revalidate, ela aplica uma estrategia de cache no HTTP para permitir retornar os dados do cache depois buscar a validação. Éssa estrategia é aplicada para aumentar a experiencia do usuário, não ter que esperar a aplicação fazer o mesmo caregamento de dados na API.
-
Axios Usado junto com SWR para fazer as requisições na API
-
React Context API Para prover em toda a aplicação dados vindo da API e acções importante do usuário dentro da aplicação
-
Styled-componets Uma feramenta que nos permite usar CSS no arquivo Javascript ou Typescript
A aplicação já existe hopedada na vercel pelo dominio theworld.vercel.app.
Para a intalação na sua maquina, primeiro certifique-se de que tenha instalado Node.js, antes de seguir os passos abaixo.
Primeiro, clone o repositório para seu ambiente:
> git clone https://github.com/arlindojos/theWorld.git
No seu terminal, entra no repositorio clonado e insira o comando:
npm install
ou yarn add
se tiver yarn instalado #para instalar as dependencias
npm run start
ou yarn start
se tiver yarn instalado #para inicial a aplicação
Provavelmente precisara da extensão "vscode-styled-components" intalada no seu vscode, se estiver usando vscode para que o editor possa enteder o CSS no arquivo ts