Teste Técnico Frontend | Backend
Clima Tempo
Javascript, CSS, React, PHP, Node
São Paulo - Brasil
Meteorologia
50 - 200
O Grupo Climatempo é a maior empresa privada brasileira de meteorologia do país com sede na cidade de São Paulo.
Sobre o Teste
Desafio Full-stack: neste desafio, você usará suas habilidades em JavaScript, NodeJS, PHP, SQL, RESTful, ReactJS, HTML e CSS para criar uma aplicação responsiva de previsão do tempo com um campo autocomplete e cards de previsão. Além disso, será um grande diferencial o conhecimento em GraphQL, NoSQL e Docker. Aproveite a oportunidade para mostrar suas melhores práticas de desenvolvimento, desempenho, testes e segurança. Boa sorte!
Instruções do Teste
Processo de recrutamento
Olá desenvolvedor, pronto para participar do nosso processo de recrutamento para vaga de Full-stack?
Sobre a Vaga
- Home Office
- Flexibilidade no horário de trabalho
- Sede: Parque Tecnológico - São José dos Campos (http://www.pqtec.org.br)
Requisitos para a vaga
Bons conhecimentos em:
- Javascript
- NodeJS
- PHP
- SQL
- RESTful
- ReactJS
- HTML
- CSS
Desejável:
- GraphQL
- NoSQL
- Docker
O Desafio
Um usuário quer saber como vai ficar o tempo para os próximos dias em Osasco e São Paulo utilizando seu smartphone.
O que esperamos:
Frontend:
- Uma página responsiva;
- Um campo autocomplete para buscar localidades;
- Um card para cada dia de previsão; ##### Backend:
- Uma API rest ou graphql para obter localidades e dados de previsão;
Validação de entradas do usuário;
Diferenciais:
- Utilizar cache;
- Utilizar Elasticsearch ou algum outro software de full-text search para busca de localidades;
Configurar ambiente docker para rodar a aplicação;
uso de bibliotecas é livre.
Desafio Extra (opcional)
Permita que o usuário selecione em qual unidade de temperatura e chuva (precipitação) ele quer visualizar os dados.
Design livre.
Conversão dos valores:
- Temperatura:
- de °C pra °F: (
valor- 1.8) + 32
- de °F pra °C: (
valor- 32) / 1.8
- de °C pra °F: (
Chuva:
- de mm pra inch: (
valor/ 25.4) - de inch pra mm: (
valor- 25.4)
- de mm pra inch: (
Avaliação
O que vamos avaliar:
- Performance de busca e renderização;
- Segurança;
- Testes;
- Manutenibilidade;
- Usabilidade;
- Boas práticas;
Exemplo:
Atenção: Não se preocupe em reproduzir o exemplo, use apenas como referência.
Dados
Localidades:
base/locales.json
| Propriedade | Tipo | Descrição |
|---|---|---|
id | Number | Id da localidade |
name | String | Nome da localidade |
state | String | Sigla do estado da localidade |
latitude | Number | Latitude do centro da localidade |
longitude | Number | Longitude do centro da localidade |
period: Object
| Propriedade | Tipo | Descrição |
|---|---|---|
period.begin | String | Data início da busca no formato AAAA-MM-DD |
period.end | String | Data fim da busca no formato AAAA-MM-DD |
locale: Object
Os mesmos dados do JSON de localidades.
weather: Object
| Propriedade | Tipo | Descrição |
|---|---|---|
weather.date | String | Data da previsão no formato AAAA-MM-DD |
weather.text | String | Texto sobre a previsão do dia |
weather.temperature.min | Number | Temperatura mínima em graus celsius (°C) |
weather.temperature.max | Number | Temperatura máxima em graus celsius (°C) |
weather.rain.probability | Number | Probabilidade de chuva em porcentagem (%) |
weather.rain.precipitation | Number | Precipitação de chuva em milímetros (mm) |
Comece
O processo do desafio deve ser:
Faça o fork do desafio.
Crie um PROJECT.md com a explicação de como devemos executar o projeto e com o máximo de detalhes possível do que foi feito.
Após concluir faça um pull request, preencha o formulario
Qualquer dúvida entre em contato com nossa equipe.