Neste projeto foi construído um monitor climático, utilizando JavaScript/HTML e CSS. Para seu funcionamento utilizou-se 3 API'S sendo a primeira Weather API https://openweathermap.org/api, (necessário fazer cadastro no plano Free para conseguir sua Key). A segunda é a Country Flag https://countryflagsapi.com utilizada para mostrar as bandeiras de cada país,conforme a cidade na barra de busca e, por por último, a Unsplash https://source.unsplash.com que faz a buscas das imagens que aparecem no background de acordo com a cidade pesquisada.
Para utilizar o projeto clone-o no seu pc e realize o cadastro na API Weather para obter sua KEY.
Por motivos de segurança o projeto não funciona no modo pages, então segue o video de funcionamento:
video.mp4
Rode o projeto pelo método de clone disponível neste respositório.
git clone https://github.com/davi33-emanoel/monitor-de-clima.git
Depois de clonado na pasta desejada, abra o vscode e na pasta js crie um arquivo :
config.js
Coloque sua key conforme demonstrado no arquivo:
exemploConfig.js
Em seu vscode, abra o arquivo index.html para visualizar o projeto em seu navegador.
Digite no campo a cidade para a qual deseja visualizar o clima, conforme demonstrado abaixo.