Neste teste você deverá desenvolver uma página de consulta de histórico de preços de carro da tabela FIPE.
Queremos que você coloque a mão na massa nas ferramentas/métodos que irá usar no dia-a-dia aqui na Inovyo:
- Consumo de API (aqui vamos utilizar a FIPE API);
- Framework frontend (Bootstrap);
- Biblioteca de visualização de dados (Chart.js).
- Elemento para seleção de marca;
- Elemento para seleção de modelo;
- Elemento para exibição do valor do modelo 0km (existe o cenário em que o modelo selecionado não é mais fabricado, não esqueça de informar isso para o usuário);
- Gráfico com o histórico do valor do modelo selecionado.
Um pouco de:
- HTML;
- CSS;
- Manipulação DOM com Javascript;
- Consumo de API com Javascript.
- No arquivo
index.htmlvocê encontrará a biblioteca/framework já carregados e comentários indicando onde deve trabalhar; - No arquivo
app.jsconsta a lista de endpoints com algumas instruções de como devem ser utilizados; - Não inclua nenhum outro arquivo, nem utilize bibliotecas externas via CDN, utilize apenas o que já está nos arquivos de modelo (
index.html,style.csseapp.js);
Faça o fork do repositório e envie o link do seu trabalho final para o e-mail talentos@inovyo.com com o título Teste Front-end.
Tudo bem, você pode baixar os arquivos deste repositório e nos enviar o trabalho final em um zip com o nome teste-frontend-seuprimeironome para o e-mail talentos@inovyo.com com o título Teste Front-end
- Bootstrap - Framework front-end
- Chart.js - Biblioteca Javascript para visualização de dados
- FIPE API - Documentação da API da Tabela FIPE
Use sua criatividade, o exemplo abaixo é apenas para referência, você pode utilizar outros componentes do Bootstrap (como listas, botões, popovers, etc.), pode criar um gráfico de barras, ou invés de linha...
