🌦️☁️ Clima Tempo – Previsão Interativa 🌍🌡️

Este projeto é uma aplicação web que permite verificar a previsão do tempo em tempo real, utilizando a OpenWeatherMap API. Com um design simples, responsivo e intuitivo, o usuário pode consultar a previsão para qualquer cidade do mundo ou ainda utilizar a geolocalização automática para obter as informações da sua localização atual.

Este projeto foi desenvolvido como prática de consumo de APIs, manipulação do DOM em JavaScript e construção de interfaces modernas com HTML e CSS. A inspiração veio em dobro do canal Dev em Dobro, que motiva a criação de projetos práticos e envolventes com foco em aprendizado ativo.

---

📌 Acesse o Projeto

• 🔗 Deploy (GitHub Pages): visualizar o projeto paulaPSOx/clima-tempo
• 📁 Repositório no GitHub: https://github.com/paulaPSOx/clima-tempo

---

✨ Objetivo

Oferecer uma ferramenta prática para consultar condições climáticas em qualquer lugar do mundo, explorando recursos como geolocalização, integração com API externa e exibição de dados atualizados de maneira simples e clara.

🛠️ Tecnologias Utilizadas

• HTML → Estrutura da aplicação.
• CSS → Estilização e responsividade.
• JavaScript (ES6+) → Lógica, consumo de API e manipulação do DOM.
• OpenWeatherMap API → Fornece os dados meteorológicos em tempo real.

---

📁 Estrutura de Pastas

├── src
│ ├── css
│ │ ├── clima-tempo.css
│ │ ├── style.css
│ │ └── suporte.css
│ ├── imagens
│ │ └── icones
│ │ └── ... .png
│ ├── js
│ │ ├── home-hours.js
│ │ ├── hours.js
│ │ └── script.js
│ ├── clima-tempo.html
│ ├── index.html
│ └── suporte.html
├── LICENSE
└── README.md

---

📄 Descrição dos Arquivos

• clima-tempo.css, style.css, suporte.css: Estilos visuais e temas.
• home-hours.js, hours.js, script.js: Lógica principal, manipulação do DOM e integração com API.
• clima-tempo.html, index.html, suporte.html: Páginas principais do projeto.
• /imagens/icones: Ícones representativos do clima (sol, nuvem, chuva etc.).

---

🌟 Funcionalidades

• ✅ Busca por cidade – previsão para qualquer local digitando o nome.
• ✅ Geolocalização automática – obtém a previsão com base na localização do dispositivo.
• ✅ Informações detalhadas – exibe temperatura, umidade, vento e condição climática.
• ✅ Interface responsiva – design limpo e adaptável para diferentes dispositivos.

---

📸 Capturas de Tela do Projeto

Veja como o aplicativo aparece em funcionamento:

🚀 Como Usar

1. Clone este repositório:

git clone https://github.com/paulaPSOx/clima-tempo.git

2. Acesse a pasta do projeto:

cd clima-tempo

3. Abra index.html no navegador para visualizar a aplicação localmente.

---

🧪 Testes

• ✅ Testar busca por diversas cidades.
• ✅ Verificar funcionamento da geolocalização.
• ✅ Conferir se ícones e dados climáticos são exibidos corretamente.
• ✅ Testar interface responsiva em diferentes resoluções.

---

🌠 Melhorias Futuras

✨ Adicionar gráficos de variação de temperatura. ✨ Implementar modo claro/escuro automático. ✨ Traduzir condições climáticas para múltiplos idiomas. ✨ Incluir previsão estendida de 7 dias.

📝 Licença

Distribuído sob a licença MIT. Consulte o arquivo LICENSE para mais detalhes.

🙏 Agradecimentos

• Em especial ao canal Dev em Dobro, cuja abordagem em dobro de motivação e aprendizado inspirou este projeto. ([YouTube][1])
• À OpenWeatherMap API, por fornecer os dados meteorológicos necessários.
• Aos tutoriais de Larissa Kich e GreatStack, que serviram como guia de aprendizado.

---

✨ Espero que você curta explorar e acompanhar o clima em tempo real com este projeto! 🌍🌦️