Um projeto prático e elegante para consulta de previsões meteorológicas em tempo real, utilizando a API do OpenWeatherMap. Este projeto foi desenvolvido para colocar em prática conceitos de manipulação de DOM, requisições assíncronas (Fetch API) e boas práticas de segurança no front-end.
Busca por Cidade: Digite o nome de qualquer cidade para obter os dados atuais. Dados em Tempo Real: Exibe temperatura em graus Celsius, ícone descritivo do clima e velocidade/direção do vento. Interface Responsiva: Design moderno com efeito glassmorphism que se adapta a diferentes telas. Feedback ao Usuário: Mensagens de "Carregando" e alertas caso a localização não seja encontrada.
HTML5: Estruturação semântica.
CSS3: Estilização avançada com gradientes e filtros de desfoque (backdrop-filter).
JavaScript: Lógica de consumo de API e manipulação dinâmica de elementos.
#########################################################################################################
Este projeto utiliza uma chave de API externa que não é enviada ao repositório por questões de segurança. Então para fazer o projeto rodar siga esses passos:
Localize o arquivo config.example.js na raiz do projeto. Renomeie-o para config.js. Abra o arquivo e substitua "SUA_CHAVE_AQUI" pela sua chave de API gerada no site do OpenWeatherMap.
##########################################################################################################
Para evitar a exposição de chaves privadas em repositórios públicos, este projeto implementa o uso de um arquivo .gitignore que impede o envio do arquivo config.js para o GitHub. Um modelo (config.example.js) é fornecido para orientar a configuração por terceiros sem comprometer a segurança do autor original.
Bruno Machado de Almeida
Desenvolvedor Full Stack Júnior
