Teste Técnico Frontend

Somar Meteorologia

Livre

São Paulo - Brasil

Meteorologia

10 - 50

Desde os primórdios da humanidade, o monitoramento do clima foi essencial para a sobrevivência e evolução humana. A Somar é um dos maiores provedores de serviços de meteorologia do Brasil

Sobre o Teste

Para o desafio técnico FrontEnd Challenge, você utilizará tecnologias de desenvolvimento web para implementar o **APP Minha Semana**, o qual deve solicitar informações da semana atual com base na latitude e longitude da Nimbus API, exibindo os dados de temperatura máxima, temperatura mínima e média de umidade de cada dia em uma tabela, assim como um gráfico de linha e barras com as mesmas informações. A implementação estética é flexível, permitindo o uso de bibliotecas UI ou outros elementos gráficos. Os dados da API Nimbus serão consumidos para as diferentes métricas e exibições, utilizando propriedades específicas para cada tipo de dado, como `temperature_daily_max`, `temperature_daily_min` e `rel_humidity_daily_avg`. A ênfase está na qualidade, melhores práticas e comprometimento, sendo mais importante do que o tempo de entrega.

Instruções do Teste

FrontEnd Challenge

Sobre o challenge

É claro que, além de uma boa conversa que queremos ter com você, estamos disponibilizando esse pequeno challenge onde queremos observar um pouco do seu comprometimento técnico, como, boas práticas na implementação, organização do projeto, performance, testes e é claro, resolver o problema proposto.

Os dados do propótipo são apenas ilustrativos, os reais você poderá obter na nossa API Nimbus que iremos-lhe fornecer o token de uso.

Fique a vontade para fazer a implementação estética como quiser, utilizando alguma UI library ou também algo para o gráfico.

O APP Minha Semana se consiste nos seguintes passos,

  • Pedir as informações da semana atual com base na latitude e longitude para a Nimbus
  • Exibir os seguintes dados em uma tabela, temperatura máxima, temperatura mínima e média de humidade de cada dia
  • Exibir os mesmos dados em um gráfico de linha e barras.

Quanto a exibição na tabela

  • A primeira linha da tabela, temperatura máxima
  • Já na segunda linha, temperatura mínima
  • Por último, representa a média de humidade

Quanto a exibição no gráfico

  • Na linha em vermelho é a temperatura máxima
  • Em ciano, temperatura mínima
  • Barras em azul, média de humidade.

Consumindo a API

Aqui você encontra mais informações sobre a Nimbus, nesse momento iremos utilizar para o challenge apenas os recursos de forecast e observed.

  • Para temperatura máxima, consumindo da forecast utilizar propriedade temperature_daily_max e na observed utilizar max_temperature
  • Para temperatura mínima, consumindo da forecast utilizar propriedade temperature_daily_min e na observed utilizar min_temperature
  • Para média de humidade, consumindo da forecast utilizar propriedade rel_humidity_daily_avg e na observed é necessário somar as propriedades max_rel_humidity e min_rel_humidity e dividir por dois.

APP Minha Semana

Acesse aqui o protótipo.

Lembrando, valorizamos muito mais que você se preocupe com a qualidade e as melhores práticas do que o tempo de entrega do desafio, use o tempo que achar necessário pra se comprometer com o mesmo da melhor maneira.