CristianoSFMothe / Clima

Projeto da B7Web de um site para informa o tempo, consumindo uma API para obter esses dados

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

☁️ Clima

Projeto da B7Web de um site para informa o tempo, consumindo uma API do site openWeather para obter esses dados. No qual podemos obter algumas informações importantes.

🔑 Obtendo a API

Para obter acesso aos dados da API do Open Weather:

  • primeiramente é necessário fazer cadastro,
  • depois de ter acesso, será necessário espera o tempo de aproximadamente 1 hora para ter o acesso,
  • depois no menu API acessar a documentação como na demostração abaixo

Desmostração de obteção da API

  • tento acessoa há mesmo, basta entrar no perfil da conta para obter a Key da API
API
api.openweathermap.org/data/2.5/weather?q={city name}&appid={API key}

🆙 Transformando a API em um JSON

Depois de ter os dados da API vamos transforma essas informações em um json para ser melhor a forma de compreensão

JavaScript
  document.querySelector('.temp img').setAttribute('src', `http://openweathermap.org/img/wn/${json.tempIcon}@2x.png`);

image

🎥 Vídeo demostrativo

Uma desmostração do funcionamento do site do clima

vídeo demostrativo

About

Projeto da B7Web de um site para informa o tempo, consumindo uma API para obter esses dados

License:MIT License


Languages

Language:CSS 41.4%Language:JavaScript 32.8%Language:HTML 25.8%