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

Faça um teste online 🔅

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:

• React
• Redux
• Styled Components
• Figma

• Search form para pesquisa de cidades através do nome
• Animações de fundo

Feito com 🧡 por Marcos Júnior.

Entre em contato 👇