https://github.com/heitorgandolfi/weather-api

Aplicação web que exibe na tela as condições climáticas da cidade digitada pelo usuário.
https://github.com/heitorgandolfi/weather-api

country-flags-api css3 dark-theme html5 javascript light-theme openweathermap-api project responsive-layout toggle-theme

Last synced: 11 months ago
JSON representation

Aplicação web que exibe na tela as condições climáticas da cidade digitada pelo usuário.

• Host: GitHub
• URL: https://github.com/heitorgandolfi/weather-api
• Owner: heitorgandolfi
• License: mit
• Created: 2022-12-12T10:11:24.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2023-01-24T12:21:27.000Z (about 3 years ago)
• Last Synced: 2025-02-17T16:25:07.076Z (about 1 year ago)
• Topics: country-flags-api, css3, dark-theme, html5, javascript, light-theme, openweathermap-api, project, responsive-layout, toggle-theme
• Language: CSS
• Homepage: https://weather-api-heitorgandolfi.vercel.app/
• Size: 13.7 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Weather API :sunny: :cloud_with_rain:

  

### **Sobre o projeto:**

- Trata-se de uma aplicação web que, digitado o nome de determinada cidade, acessa os dados contidos na API Open Weather Map, relacionados às condições do tempo no momento, exibindo-os na tela por meio de um layout objetivo e responsivo. Há, ainda, o consumo da API Country Flags, a fim de exibir a bandeira do paìs ao qual a cidade escolhida pertence.

- Durante o carregamento das informações, é exibido ao usuário uma animação de loading e, caso a cidade digitada não seja localizada, será exibida uma mensagem de erro, informando qual o problema.

- Por fim, é possível ao usuário trocar o tema da página, podendo optar entre o Light e o Dark. 

- **Status:** Finalizado. :heavy_check_mark: 




### **Deploy do projeto:**

- https://weather-api-heitorgandolfi.vercel.app/




### **Tecnologias:**

- ![image](https://img.shields.io/badge/JavaScript-F7DF1E?style=for-the-badge&logo=javascript&logoColor=black

)

- ![image](https://img.shields.io/badge/HTML5-E34F26?style=for-the-badge&logo=html5&logoColor=white

)

- ![image](https://img.shields.io/badge/CSS3-1572B6?style=for-the-badge&logo=css3&logoColor=white

)




### **Contato:**

Linkedin: www.linkedin.com/in/heitorgandolfi.




### **Licença:**

- The MIT License (**MIT**).

Copyright ©️ 2022.