/Projeto_Clima

Site Climático com HTML, CSS, JS E APIs

Primary LanguageJavaScriptMIT LicenseMIT

WebSite que informa o Clima com base na Cidade inserida.

NPM


Sobre o Projeto 📝

☀️ Um site dinâmico que informa as condições climáticas, de acordo com a cidade informada pelo usuário, (as informações são atuais com base na OpenWeatherAPI). O site foi desenvolvido com intuito de por em prática conhecimentos relacionado ao Front-End, utilizando-se de algumas APIs gratuitas para fornecer os dados necessários (O projeto ainda não é responsivo).

Tecnologias Usadas 🚀

👉 HTML5
👉 CSS3
👉 JAVASCRIPT
👉 FETCH API
👉 OPEN WEATHER API


Resultado 📂

1 - Tela Padrão 🌥️

Homepage image

2 - Dia Nublado ⛅

Post

3 - Noite Nublada ☁️

Post

4 - Dia Chuvoso 🌧️

Post

Mecânicas do Projeto 🛠️

  • O usuário deve informar o nome de uma cidade corretamente, caso esteja errado ou não conste no banco de dados da API, será retornado o alerta "Cidade não encontrada".
  • A imagem inicial do site é aleatória (mudará sempre que a pagina é recarregada).
  • As imagens que aparecem ao fundo, estão de acordo com o clima e horário da região (Dia e Noite).
  • Algumas informações não estão 100% corretas, devido ao atraso de atualização da API.

Teste o Projeto 💻

👉 https://romariohenrique.github.io/Projeto_Clima/index.html


Versão 📋

1.0.0.0


Autor 👋

Romario Henrique C. Rodrigues