Skip to content

bboa3/theWorld

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

39 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

TheWorld

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

in Light Mode In Dark Mode

🛠 Techs

Construido com React.js e Typescript.

🛠 Feramentas de auxilio

  • 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

⚙ Instalação e Start

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.

Clonagem

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