Este projeto é o resultado final de um projeto proposto pela imersão FrontEnd PRO com mudanças no código que eu mesmo desenvolvi. Ele consiste em pedir a autorização do usuário para acessar sua localização atual e trazer os dados da cidade do usuário, também podemos acessar através de um campo de busca no qual deve ser inserido o nome da cidade cuja previsão do tempo se deseja consultar. Ao clicar no botão "Buscar" ou na tecla "Enter", o sistema faz uma busca utilizando a API do Open Weather API. Também foram feitas validações no campo de input, caso o usuário busque o nome de uma cidade que não existe, será apresentado uma mensagem de erro. E caso o usuário tente validar o campo de input sem que haja qualquer valor nele, aparecerá uma mensagem de erro mostrando que o campo está vazio.
No gif a seguir, uma demonstração do projeto ao fazer uma busca da cidade na qual estou localizado e de algumas outras cidades/estados.
Na primeira seção do resultado de busca, ele nos retorna a data atual e o nome da cidade. Abaixo, ele nos retorna uma foto da previsão do tempo da cidade, nos informando o clima e a temperatura atual em graus celsius.
Versão Mobile
Na última seção do resultado de busca, a API nos retorna algumas outras informações referentes à cidade que foi pesquisada, como: vento, sensação, umidade, nascer do sol e pôr do sol.
- HTML5
- CSS3
- JavaScript
- Open Weather API
💻 Page do projeto - Projeto Snapclima
🙋♂️ Perfil no LinkedIn - Lucas Cassimiro