Skip to content

Latest commit

 

History

History
75 lines (56 loc) · 3.22 KB

Leiame.md

File metadata and controls

75 lines (56 loc) · 3.22 KB
Raw

Desafio Corelab

Bem-vindos ao Desafio Corelab! Aqui você vai nos mostrar o quão incrível você é em programação. Para fazer isso, nós preparamos dois repositórios que você vai fazer o fork e programar.

O Desafio

Você vai criar uma aplicação web que vai consumir uma API para gerenciar o CRUD de veículos.

O repositório de frontend é esse: https://github.com/corelabbr/corelab-web-challenge

Se você se sentir mais confortável, pode escolher qualquer outro framework de React e nos mostrar as suas habilidades.

O repositório de backend é esse: https://github.com/corelabbr/corelab-api-challenge

Se você s sentir mais confortável, pode escolher qualquer outro framework de Node JS e nos mostrar as suas habilidades.

Tente nos mostrar tudo o que você pode fazer, quanto mais você fizer pelo código e se importar com ele, mais nós vamos nos impressionar. Essa é a sua CHANCE.

Mobile Layout

O Layout do Mobile pode ser encontrado aqui: https://shorturl.ae/NTyff

Desktop Layout

O Layout do Desktop pode ser encontrado aqui: https://shorturl.ae/xEIEo

Backend

Repositório:

  1. Node: ^16.15.0
  2. NPM: ^8.5.5
  3. Framework: Adonis TS ou qualquer outro que você preferir.
  4. Banco de dados: Escolha o sue próprio, você pode até mesmo salvar na memória.

Frontend

Repositório:

  1. Node: ^16.15.0
  2. NPM: ^8.5.5
  3. Framework: React TS
  4. Sass ou outro preprocessador

As Funcionalidades Requeridas

  1. Ao clicar em um botão "Adicionar novo veículo", um novo formulário deve ser aberto para criar um novo veículo.
  2. Ao submeter o formulário, o novo veículo deve ser salvo.
  3. Ao digitar algo no input de pesquisa, deve-se filtrar os veículos comparando qualquer que seja a propriedade do veículo. Por exemplo: deve-se comparar o termo procurado com o nome, ou a descrição, ou o preço, ou qualquer outro campo do veículo.
  4. Ao clicar em um ícone de coração, deve-se favoritar o veículo.
  5. Ao clicar em um ícone de edição, deve-se abrir novamente o formulário do veículo selecionado para editá-lo.
  6. Ao clicar no botão no deletar, deve-se remover o veículo.
  7. Ao clicar no botão de filtro, deve-se abrir um formulário de filtros, e quando os filtros forem selecionados, deve-se filtrar os veículos baseados nos valores.

O que estamos avaliando

  1. Qualidade do código
  2. Formato do código
  3. Desempenho do código
  4. O design do frontend
  5. Se seu código pode ser lido facilmente
  6. Abordagem Mobile First
  7. Responsabilidade no código
  8. Funcionamento das funcionalidades
  9. Responsividade

Quer nos impressionar ainda mais?

Se você se sentir confortável e quiser nos impressionar ainda mais, você pode fazer o seguinte:

  1. Trabalhar nas typagens corretas e interfaces
  2. Trabalhar nas regras eslint
  3. Trabalhar nas configs do prettier
  4. Trabalhar nos conteiners docker
  5. Trabalhar nos testes
  6. Trabalhar no CI/CD

O que fazer quando acabar

Crie o seu arquivo PULL_REQUEST.md, onde você vai descrever o que e como fez, o mais detalhadamente possível. Sinta-se livre para adicionar vídeos para explicar melhor.

Criar uma nova pull request usando o mesmo nome de branch para o Backend e Frontend.

Envie-nos os pull requests e é isso!