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 propriedadetemperature_daily_max
e naobserved
utilizarmax_temperature
- Para temperatura mínima, consumindo da
forecast
utilizar propriedadetemperature_daily_min
e naobserved
utilizarmin_temperature
- Para média de humidade, consumindo da
forecast
utilizar propriedaderel_humidity_daily_avg
e naobserved
é necessário somar as propriedadesmax_rel_humidity
emin_rel_humidity
e dividir por dois.