hugofolloni/vanillajs-city-weather

A website that displays the current weather of any place on earth.

CityWeather

A website that shows the weather from your current location, accessing your geolocation by the browser. But, if you want, you can also request the data from other places on the world, displaying the localtime too. Also, the background changes if is day or night on the place. For this project, I used 3 APIs, besides cors-anywhere.

---

Um site que mostra o tempo da sua atual localização, acessando sua localização pelo navegador. Porém, você também pode acessar dados climáticos de outros lugares ao redor do mundo, mostrando também a hora de acordo com o fuso horário. Além disso, o plano de fundo do site muda dependendo se é dia ou noite no local requisitado. Para este projeto, usei 3 APIs (minha primeira experiência usando-as), além de uma versão do cors-anywhere.

City Weather Website

Exemplo de Horário Diurno:

Exemplo de Horário Noturno:

APIs USADAS:

· cors-anywhere: usado para conseguir acessar dados de uma API externa e mostrá-los no site.

· bigdatacloud: consigo a localização do usuário (país, bairro, cidade...) com base na geolocalização do navegador.

· darksky: consigo a temperatura e icone (aquele que fica girando) da localização (pelo navegador ou pesquisa).

· weatherapi: consigo informação se já amanheceu/anoiteceu (para o primeiro caso) e consigo a localização do usuário quando pesquisado.