- Faça o download do repositório.
- Use o gerenciador de pacotes npm.
- Dentro da pasta do projeto, execute o npm install no terminal para instalar todas as dependências.
npm install
No terminal, dentro da pasta do projeto rode npm start para iniciar o servidor.
npm start # build-in the project Port:3000 and json server auth Port:8000
JavaScript
React
Axios
CSS
JSON Server
Teste para avaliação do nível técnico para posição de frontend.
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.
Feito com ❤️ por Grazi Diandra.