🌤️ ClimaTempo - Aplicativo de Previsão do Tempo com PWA

Este repositório contém um aplicativo web de previsão do tempo com funcionalidades modernas, como modo claro/escuro, geolocalização com mapa interativo e suporte PWA (Progressive Web App) — tudo desenvolvido com carinho por Gustavo Murai. 🧠💻

👉 Acesse aqui o aplicativo

---

🛠️ Tecnologias e Ferramentas Utilizadas

• HTML5 + CSS3 para estrutura e design responsivo.
• JavaScript moderno (ES6+).
• Leaflet.js para visualização interativa de mapas.
• OpenWeatherMap API para dados climáticos.
• PWA com manifest.json e service-worker.js para permitir instalação no celular e funcionamento offline.
• GitHub Pages para hospedagem gratuita do projeto.

---

🚀 Funcionalidades

✅ Pesquisa do clima em qualquer cidade digitada
✅ Exibição de temperatura, descrição e umidade
✅ Mapa com a localização da cidade buscada
✅ Modo claro/escuro com botão de alternância
✅ Funciona como aplicativo no celular (PWA)
✅ Suporte offline básico
✅ Layout responsivo para desktop e mobile
✅ Instalação via botão "Adicionar à Tela Inicial"

---

📁 Estrutura do Projeto

📦 Climatempo-aplicativo

• index.html ............... Página principal da interface
• style.css ................ Estilização com suporte ao modo escuro
• app.js ................... Lógica de busca climática, mapa e previsão
• manifest.json ............ Configurações do PWA (nome, ícones, cores)
• service-worker.js ........ Cache de arquivos para navegação offline
• /icones/ ................. Pasta com ícones usados no manifesto
• creditos.txt ............. Documento com os créditos do projeto

---

---

📱 Instalação como App (PWA)

No navegador (Chrome, Edge, etc.), ao acessar o app, você verá um botão ou opção para instalar.
Clique e o app será adicionado à sua tela inicial como se fosse um aplicativo nativo!

---

✍️ Créditos e Desenvolvimento

O projeto foi idealizado, desenvolvido e documentado por Gustavo Cerqueira Murai.

Cada detalhe foi pensado para oferecer uma experiência moderna, responsiva e funcional.
O processo incluiu:

• 🎨 Design da interface responsiva
• 🌙 Programação do modo noturno
• 🌍 Integração com API de clima e Leaflet.js
• 📱 Estruturação como PWA
• 🔄 Testes em ambiente local com Live Server
• 🚀 Publicação no GitHub Pages

---

👨‍🎨 Portfólio

• GitHub: https://github.com/gustavomurai
• Behance: https://www.behance.net/Muraiart

---

🔒 Direitos Autorais

📌 Código protegido por direitos autorais.
Proibido copiar, distribuir ou modificar sem a devida autorização do autor.