Skip to content

Repository files navigation

🌤️ Weather App

Uma aplicação moderna e intuitiva para consulta de previsão do tempo em tempo real, desenvolvida com foco em usabilidade e design responsivo.

📋 Sobre o Projeto

O Weather App é uma aplicação web que permite aos usuários consultar informações meteorológicas detalhadas de qualquer cidade do mundo. Com uma interface limpa e responsiva, o aplicativo fornece dados precisos sobre temperatura, umidade, velocidade do vento e condições climáticas atuais.

✨ Funcionalidades

  • 🔍 Busca de clima por nome da cidade
  • 🌡️ Exibição de temperatura atual
  • 💧 Informações de umidade
  • 💨 Velocidade do vento
  • 🌈 Ícones dinâmicos baseados nas condições climáticas
  • 📱 Design totalmente responsivo
  • ⚡ Atualização em tempo real

🚀 Tecnologias Utilizadas

  • HTML5
  • CSS3
  • JavaScript (ES6+)
  • API de Clima (OpenWeatherMap/WeatherAPI)

📦 Instalação

Pré-requisitos

  • Navegador web moderno (Chrome, Firefox, Safari, Edge)
  • Editor de código (VS Code recomendado)
  • Node.js (opcional, para servidor de desenvolvimento)

Passos para instalação

  1. Clone o repositório:
git clone https://github.com/lancelot/weatherNow.git
  1. Navegue até o diretório do projeto:
cd weather-app
  1. Abra o arquivo index.html no seu navegador ou use um servidor local:
# Se você tiver o Live Server instalado
npx live-server

🔑 Configuração da API

  1. Obtenha uma chave de API gratuita em OpenWeatherMap
  2. Crie um arquivo config.js na raiz do projeto (se necessário)
  3. Adicione sua chave de API:
const API_KEY = 'sua_chave_api_aqui';

💻 Como Usar

  1. Abra a aplicação no navegador
  2. Digite o nome da cidade no campo de busca
  3. Pressione Enter ou clique no botão de busca
  4. Visualize as informações meteorológicas da cidade

📂 Estrutura do Projeto

weather-app/
│
├── src/
│   ├── index.css          # Estilos principais
│   ├── script.js          # Lógica da aplicação
│   └── index.html         # Estrutura HTML
│
├── assets/
│   └── images/            # Ícones e imagens
│
└── README.md              # Documentação

🎨 Screenshots

🤝 Contribuindo

Contribuições são sempre bem-vindas! Para contribuir:

  1. Faça um Fork do projeto
  2. Crie uma branch para sua feature (git checkout -b feature/MinhaFeature)
  3. Commit suas mudanças (git commit -m 'Adicionando nova feature')
  4. Push para a branch (git push origin feature/MinhaFeature)
  5. Abra um Pull Request

📝 Licença

Este projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.

👤 Autor

Assis Pires Neto

📞 Contato

Para dúvidas ou sugestões, entre em contato através das redes sociais acima.

🙏 Agradecimentos


Se este projeto foi útil para você, considere dar uma estrela!

💙 Desenvolvido com dedicação durante o programa Generation Brasil

About

Uma aplicação moderna e intuitiva para consulta de previsão do tempo em tempo real, desenvolvida com foco em usabilidade e design responsivo.

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages