https://github.com/nashem8/weather_application

☀️ Boilerplate HTML + CSS para desenvolvermos uma aplicação, usando JavaScript puro, que informa o clima, a temperatura, e se é dia ou noite na cidade que o usuário pesquisar.
https://github.com/nashem8/weather_application

css html javascript

Last synced: 3 months ago
JSON representation

☀️ Boilerplate HTML + CSS para desenvolvermos uma aplicação, usando JavaScript puro, que informa o clima, a temperatura, e se é dia ou noite na cidade que o usuário pesquisar.

• Host: GitHub
• URL: https://github.com/nashem8/weather_application
• Owner: nashEm8
• Created: 2022-12-20T02:45:38.000Z (over 2 years ago)
• Default Branch: master
• Last Pushed: 2023-01-02T12:51:48.000Z (over 2 years ago)
• Last Synced: 2025-01-21T00:48:22.429Z (4 months ago)
• Topics: css, html, javascript
• Language: JavaScript
• Homepage:
• Size: 1.66 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Weather Application ⛅ 

Uma aplicação desenvolvida usando HTML, Css e Javascript puro.





🔎    Link para visualização: wheaterapplicationclimate.netlify.app





📌  Objetivo 




🔸 O objetivo dessa aplicação é informar detalhes sobre o clima, 

temperatura e se é dia ou noite na cidade que o usuário digitou.

Para obter essas informações consumi a seguinte API contida no 

site: https://developer.accuweather.com/

🔹 E por meio da persistência em localStorage, os dados da cidade 

pesquisada permanecem no navegador. Dessa forma, no dia seguinte o 

usuário vai poder visualizar se teve alguma mudança no clima comparado 

ao dia anterior.  





📋  Descrição 




Ao entrar na aplicação, o usuário deve digitar o nome de alguma cidade.

Ao apertar "enter", as informações relacionadas ao clima daquela cidade

serão exibidas na tela. Mesmo que eventualmente o usuário feche ou atualize

a página, não tem problema, pois os dados estão persistidos em localStorage 

e as informações continuarão sendo exibidas quando ele abrir novamente a 

página!






![12](https://user-images.githubusercontent.com/101338996/210233314-593b8886-ad58-4d9f-98a3-8a89568c61ba.png)

![13](https://user-images.githubusercontent.com/101338996/210233323-d33749c2-d63a-419a-9f69-44ca5bd8e4dc.png)





💡  Tecnologias utilizadas

 ◾    HTML 


 ◾    CSS 


 ◾    Bootstrap 


  ◾    Javascript