Pré-requisitos • Instalação • Funcionando • Tecnologias • Autor
- Carregamento automático da previsão na localidade do usuário
- Previsão atual
- Temperatura atual, miníma e máxima.
- Estado climático
- Umidade
- Velocidade e direção do vento
- Dia da semana e a localidade
- Previsões dos próximos 7 dias
- Temperatura média, miníma e máxima
- Estado climático
- Dia da semana
- Mapa interativo para visualização de diversas váriaveis climaticas
Antes de iniciar este aplicativo você irá precisar de uma API KEY da OpenWeather. Escolha um dos planos e cadastre-se no site para conseguir uma chave ( existe um plano gratuito ). Por fim subscreva-se nos serviços 'Current Weather Data' e 'One Call API'.
Você também vai precisar ter instalado em sua máquina as seguintes ferramentas: Git, Node.js.
Além disto é bom ter um editor de texto para trabalhar com o código, recomendo o VSCode.
No cmd, gitbash ou terminal de preferência:
# Clone esse repositório:
$ git clone https://github.com/mj-lopes/Weather-app
# Navegue para o diretório raiz do projeto
$ cd weather_v2
# Instale as dependências do projeto
$ npm install
Na pasta raíz do projeto, crie um arquivo: .env.local
.
Abra este arquivo com um editor de texto e escreva REACT_APP_WEATHER_API_KEY=SUA_CHAVE_DO_OPENWEATHER
Ainda na pasta raiz do projeto, no terminal, execute o comando: $ npm start
.
O navegador irá abrir em uma nova janela o app já rodando, do contrário, abra em http://localhost:3000.
As seguintes ferramentas foram usadas na construção deste projeto:
- Search form para pesquisa de cidades através do nome
- Animações de fundo
Feito com 🧡 por Marcos Júnior.
Entre em contato 👇