/How-is-the-weather

O intuito desse desafio é identificar o clima da cidade pesquisada através do Open Weather

Primary LanguageTypeScript

Como está o tempo hoje?

Este projeto faz parte do processo seletivo para vaga de estágio do Letras

Desafio

O intuito desse desafio é identificar o clima da cidade pesquisada através do Open Wheater

Implementado

  • Responsividade a telas grandes e pequenas.
  • Input da página home com auto complete pela api google maps.
  • Imprime erro caso não encontre resultados.
  • Informações do clima e icones da api do open weather.
  • Seleção entre fahrenheit e celsius.
  • Seleção de idiomas.
  • Temperatura para os próximos 5 dias.

Descrição

Digite o nome da cidade no campo para ver o clima atual.

Campo de input para nome da cidade

Por default, a temperatura virá em fahrenheit, é possível alterar a opção de temperatura clicando no select no canto superior direito.

Seletor de unidade da temperatura

O idioma padrão é português, é possível alterar entre português, inglês e espanhol clicando nos botões presentes no rodapé.

Botões de seleção de idioma

Como rodar o projeto

npm install
npm run dev
<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&libraries=places"></script>

YOUR_API_KEY deve ser substituído por sua chave da API Google

Preencha o arquivo .env conforme o exemplo

Tecnologias utilizadas

Reactjs | Tailwindcss | Typescript

Deploy

Como está o tempo hoje?