Desafio de Front-end

Criar um web app que liste cidades específicas (listadas abaixo) e, após a seleção de alguma por parte do usuáio, exiba uma tela de detalhes da cidade escolhida com informações do seu clima através de uma API pública de dados meteorológicos.

Sugestões de APIs

• https://www.openweathermap.org/current
• https://www.weatherapi.com

Layout

• Link do layout no InVision

Hospedagem

O projeto precisa ser publicado numa das duas opções abaixo:

• Netlify
• Vercel

Requisitos de avaliação

• Faça um fork deste repositório;
• As cidades listadas devem ser:
  • Dallol (NG);
  • Fairbanks (US);
  • Londres (GB);
  • Recife (BR);
  • Vancouver (CA);
  • Yakutsk (RU).
• Implementação de testes unitários;
• Fidelidade ao layout enviado (estamos enviando o layout mobile e desktop);
• Frameworks JavaScript opcional (de preferência, nesta ordem 😉):
  • React com Next.js
  • React com Vite;
  • Vue;
  • Angular.
• Responsividade atendendo 3 breakpoints:
  • Smartphone;
  • Tablet;
  • Desktop.

Observações

• Você deve usar os ícones do layout que melhor se encaixarem em cada condição climática;
• Considere os horários 3:00, 9:00, 15:00 e 21:00 para as definições das temperaturas de Dawn, Morning, Afternoon, Night, respectivamente.

Diferenciais

• Rodar a aplicação fazendo o uso de um container do Docker.

Agora é com você! Faça o fork e responda o nosso contato com o link, ok?

Boa sorte!