Skip to content

Vini1307/weather-now

Repository files navigation

🌤️ WEATHER-NOW

Bem-vindo ao WEATHER-NOW - Seu portal de previsões meteorológicas, onde quer que você esteja! 🚀

📚 Sobre o Projeto

O WEATHER-NOW é um site desenvolvido para fornecer previsões do tempo de maneira simples, rápida e precisa. Com ele, os usuários podem consultar as condições climáticas de qualquer localidade no mundo. Seja para planejar uma viagem, saber como se vestir ou simplesmente matar a curiosidade, o WEATHER-NOW está aqui para ajudar!

🎯 Objetivo

Nosso objetivo é oferecer uma plataforma amigável que permita aos usuários obter informações meteorológicas de maneira eficiente, com um design intuitivo e funcionalidades que tornam a experiência de uso agradável.

🚀 Funcionalidades

  • Busca por Localidade: Digite o nome de uma cidade, estado ou país e obtenha as informações meteorológicas em tempo real.
  • Previsão de 5 Dias: Confira como estará o tempo nos próximos 5 dias e planeje suas atividades.
  • Geolocalização: Obtenha o clima da sua localização atual automaticamente.
  • Favoritos: Salve suas cidades favoritas para acesso rápido.
  • Comparação de Cidades: Compare condições climáticas entre duas cidades diferentes.
  • Interface Intuitiva: Navegue facilmente com nosso design limpo e responsivo, perfeito para todos os dispositivos.
  • Cache Inteligente: Sistema de cache para melhor performance e menos chamadas à API.

🛠️ Tecnologias Utilizadas

  • Frontend: HTML5, CSS3, JavaScript (ES6+)
  • API: OpenWeatherMap para dados climáticos
  • Fontes: Google Fonts (Poppins, Raleway)
  • Ícones: Font Awesome 6.6.0
  • Armazenamento: LocalStorage para cache e favoritos
  • Controle de Versão: Git & GitHub

🚀 Como Executar

Opção 1: Servidor HTTP Python (Recomendado)

# Navegue até a pasta do projeto
cd weather-now

# Inicie o servidor (Python 3)
python3 -m http.server 8000

# Ou se usar Python 2
python -m SimpleHTTPServer 8000

Depois acesse no navegador: http://localhost:8000

Opção 2: Servidor HTTP Node.js

Se você tem Node.js instalado:

# Instale o http-server globalmente (apenas uma vez)
npm install -g http-server

# Navegue até a pasta do projeto
cd weather-now

# Inicie o servidor
http-server -p 8000

Opção 3: VS Code Live Server

  1. Instale a extensão "Live Server" no VS Code
  2. Clique com o botão direito no arquivo index.html
  3. Selecione "Open with Live Server"

Opção 4: Abrir Diretamente (Não Recomendado)

⚠️ Atenção: Abrir o arquivo HTML diretamente pode causar problemas com CORS e algumas funcionalidades podem não funcionar.

  1. Clique duas vezes no arquivo index.html
  2. Ou arraste o arquivo para o navegador

📝 Notas Importantes

  • O projeto usa a API do OpenWeatherMap. A chave da API está configurada no arquivo javascript/config.js
  • Para produção, considere mover a chave da API para variáveis de ambiente
  • O cache tem duração de 5 minutos para otimizar performance
  • Todas as funcionalidades funcionam offline após o primeiro carregamento (dados em cache)

🛡️ Contribuições

Contribuições são bem-vindas! Sinta-se à vontade para abrir issues, sugerir melhorias ou enviar pull requests.

📧 Contato

Tem alguma dúvida ou sugestão? Entre em contato conosco pelo email: vinicius.garcia@aluno.faculdadeimpacta.com.


Vamos juntos fazer do WEATHER-NOW a sua primeira escolha quando o assunto é previsão do tempo! ☀️🌧️🌪️

Releases

No releases published

Packages

 
 
 

Contributors