Skip to content

App web com HTML, CSS e JS que mostra o tempo atual e previsão de 5 dias via OpenWeatherMap API. | Web app using HTML, CSS, and JS to show current weather and 5-day forecast via OpenWeatherMap API.

License

Notifications You must be signed in to change notification settings

evecleison/weather-web-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

20 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🌤️ Weather Web App

📌 This document is written in Brazilian Portuguese. For the English version, see the file README-en.md.

A maior parte do código utiliza nomes de variáveis, funções, etc., em inglês, enquanto os comentários do código e o conteúdo textual da interface e das páginas estão em português brasileiro.

Descrição do projeto

Aplicativo web desenvolvido com HTML, CSS e JavaScript que exibe o clima atual e a previsão do tempo para 5 dias em qualquer cidade do mundo, utilizando a API da OpenWeatherMap.

🔨 Funcionalidades

  • Consulta do tempo atual: Pesquisa o tempo atual de uma cidade e exibe: data e horário local (considerando o fuso horário), estado do tempo, temperatura, umidade, pressão atmosférica e velocidade do vento.

  • Previsão do tempo para 5 dias: Visualiza a previsão do tempo para 5 dias da cidade pesquisada, indicando estado do tempo, temperatura e umidade. A atualização dos dados é feita a cada 3 horas (limitado pela API gratuita).

  • Cria gráficos da temperatura e umidade: Cria dois gráficos, uma para temperatura e outra para umidade, por meio da biblioteca Chart.js com dados extraídos a cada 3 horas em um período de 24 horas.

🎥 Demonstração

Demonstração do App

🚀 Como executar o projeto

  1. Clone este repositório:

    git clone https://github.com/evecleison/weather-web-app.git
  2. Crie uma conta gratuita em OpenWeatherMap e obtenha sua chave de API.

  3. Substitua YOUR_API_KEY pela sua chave da API, nesta linha de código do arquivo main.js:

    const apiKey = 'YOUR_API_KEY';
  4. Abra o arquivo index.html em seu navegador para utilizar o aplicativo. A aplicação é 100% frontend, sem dependências adicionais.

🛠️ Tecnologias utilizadas

👨‍💻 Autor

  • Evecleison Albuquerque do Nascimento

📄 Licença

Este projeto está licenciado sob a licença MIT.
Veja o arquivo LICENSE para mais detalhes.

About

App web com HTML, CSS e JS que mostra o tempo atual e previsão de 5 dias via OpenWeatherMap API. | Web app using HTML, CSS, and JS to show current weather and 5-day forecast via OpenWeatherMap API.

Topics

Resources

License

Stars

Watchers

Forks