Acesse em weather-infos-2gki.vercel.app
O WeatherInfos é uma aplicação web construída em React que consome a API do OpenWeatherMap para exibir informações meteorológicas em tempo real. Com uma interface amigável, você pode facilmente buscar o clima de qualquer cidade e visualizar dados como temperatura, umidade, e condições do tempo.
- Busca por cidade: Digite o nome de uma cidade e obtenha as informações climáticas atualizadas.
- Exibição de dados detalhados: Veja a temperatura atual, umidade, e condições climáticas.
- Interface amigável: Uma interface simples e intuitiva para uma experiência de usuário agradável.
- React: Biblioteca JavaScript para construção de interfaces de usuário.
- Axios: Cliente HTTP para realizar requisições à API de clima.
- API do OpenWeatherMap: API externa que fornece dados meteorológicos.
Antes de começar, você vai precisar ter instalado em sua máquina as seguintes ferramentas:
Além disso, é bom ter um editor para trabalhar com o código como VSCode.
Clone este repositório:
git clone https://github.com/joaobenedetmachado/WeatherInfos.gitAcesse a pasta do projeto no terminal/cmd:
cd WeatherInfosInstale as dependências:
npm installExecutando a Aplicação Para iniciar a aplicação, utilize o comando:
npm startA aplicação inciará na porta http://localhost:3000.
Configuração da API do OpenWeatherMap Para utilizar a API do OpenWeatherMap, você precisa obter uma chave de API seguindo os passos abaixo:
Crie uma conta no OpenWeatherMap.
Após criar a conta, vá para a seção "API Keys" e crie uma nova chave de API.
Crie um arquivo .env na raiz do projeto e adicione sua chave de API:
makefile
REACT_APP_WEATHER_API_KEY=your_api_key_here
Contribuição
Contribuições são bem-vindas! Sinta-se à vontade para abrir issues e enviar pull requests. Para grandes mudanças, abra primeiro uma issue para discutir o que você gostaria de mudar.
Licença Este projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.
Contato João Benedet Machado - [email protected]