📌 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.
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.
-
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.
-
Clone este repositório:
git clone https://github.com/evecleison/weather-web-app.git
-
Crie uma conta gratuita em OpenWeatherMap e obtenha sua chave de API.
-
Substitua
YOUR_API_KEY
pela sua chave da API, nesta linha de código do arquivomain.js
:const apiKey = 'YOUR_API_KEY';
-
Abra o arquivo
index.html
em seu navegador para utilizar o aplicativo. A aplicação é 100% frontend, sem dependências adicionais.
- HTML5
- CSS3
- JavaScript (ES6)
- OpenWeatherMap API
- Chart.js - Biblioteca JavaScript
- Evecleison Albuquerque do Nascimento
Este projeto está licenciado sob a licença MIT.
Veja o arquivo LICENSE para mais detalhes.