- Clone o repositório
git clone https://github.com/danielcspaiva/teste-tc.git- Instale os pacotes NPM
npm install- Inicie o servidor com a mock API na porta 3004
json-server --watch mock_api.json --port 3004- Inicie o App
npm startPrimeiramente, parabéns por atingir nossos requisitos iniciais.
Nosso teste é simplesmente um CRUD, com pesquisa, listagem, criação, edição e remoção dos mesmos.
A documentação da api está disponível neste endereço. Em caso de qualquer problema, por favor, avise-nos de imediato através do e-mail da Javier Ramacciotti - ramacciotti@tradersclub.com.br.
As 4 telas de referência para o layout encontram-se na pasta layout, e consistem:
- home.png: A tela inicial de apresentação do teste.
- lista-veiculos-1.png: A tela representa uma lista e como será representada a pesquisa de veículos. Não é necessário autocomplete no campo.
- lista-veiculos-2.png: A tela representa a mesma lista anterior, filtrada de forma mais precisa.
- tela-detalhe-preenchida: Este é o modelo de formulário de criação/edição. Note que o botão de Remoção também está representado no formulário.
As imagens como a logo do TC e a imagem do carro, estão disponíveis na pasta /src/assets/img. Note que também há um arquivos de CSS disponível em /src/assets/styles. Sua função é a de disponibilizar as cores e fontes corretas para serem configuradas.
Serão avaliadas a capacidade de organização, modularização, performance e entendimento do ciclo de vida de um componente.
O teste deve ser escrito preferencialmente em React. No entanto, avaliaremos Angular como alternativa sem qualquer problema.
Muito obrigado e boa sorte! Esperamos tê-lo(a) por aqui em breve!