🔎 Projeto de consulta de previsão do tempo em tempo real de qualquer lugar do mundo.
🗔 Confira a aplicação: https://klausmorotti.github.io/previsao-do-tempo/
O projeto de previsão do tempo foi criado com objetivo de colocar em prática meus conhecimentos com requisições JavaScript e poder colaborar com qualquer pessoa que queira consultar previsões do tempo de qualquer lugar do mundo.
O projeto consiste e uma interface simples e intuitiva na qual basta apenas o usuário digitar o lugar na qual deseja consultar a previsão que em poucos milisegundos ja será retornado os dados meteorológicos do lugar especificado.
Caso o usuário digite um lugar existente, será retornado os dados meteorológicos do local. Caso o usuário digite um lugar inexistente, será retornado um aviso de "Localização não encontrada".
O projeto é 100% responsivo para dispositivos como desktops, tablets e celulares, levando em consideração a praticidade para poder consultar os dados de qualquer lugar e dispositivo.
O site tem no total 1 página, sendo ela
- Página principal: A página principal consiste em uma interface que simula um aparelho mobile onde ao buscar pelo local desejado na lupa de pesquisa será retornado os dados do local se existente e se não existente um aviso de "localização não encontrada".
✔️ Desenvolver a interaface pura com as tecnologias HTML e CSS.
✔️ Adicionar o evento de clique ao teclar enter ou clicar na lupa de pesquisa para que seja pego o valor do input e feita a requisição.
✔️ Fazer a requisição para o valor contido no input (Local) buscado pelo usuário.
✔️ Organizar as informações retornadas pela requisição em objetos para poder manipular facilmente os dados.
✔️ Fazendo a verificação se o local informado existe ou não para exibir os dados ou o erro.
✔️ Pegando as informações do objeto da etapa anterior e jogando na tela de forma visível ao usuário.
✔️ Tornando o projeto responsivo para diversos dispositivos.
✔️ Projeto Finalizado.
Agradecemos às seguintes pessoas que contribuíram para este projeto:
 Klaus Morotti |
Este projeto está sob licença. Consulte o arquivo LICENSE para obter mais detalhes.