
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
forecastutilizar propriedadetemperature_daily_maxe naobservedutilizarmax_temperature - Para temperatura mínima, consumindo da
forecastutilizar propriedadetemperature_daily_mine naobservedutilizarmin_temperature - Para média de humidade, consumindo da
forecastutilizar propriedaderel_humidity_daily_avge naobservedé necessário somar as propriedadesmax_rel_humidityemin_rel_humiditye dividir por dois.
APP Minha Semana
