Luizalabs Frontend Challenge

Objetivo

Desenvolver uma aplicação de listagem e detalhe de personagens de quadrinhos.

Requisitos

  • Deve ser uma SPA “single page application” (dar preferencia ao React);
  • Não utilizar bibliotecas de UI como: bootstrap, semantic-ui, antdesign e etc;
  • Utilizar API da Marvel (https://developer.marvel.com/docs);
  • Disponibilizar em uma URL pública do projeto rodando para avaliação;
  • Disponibilizar código em repositório Git de sua preferência, commitando cada fase do seu processo de desenvolvimento;
  • Seguir layout da pasta ./assets, respeitando as páginas, features e componentes (não será avaliado “pixel perfect”).

Requisitos funcionais

  • Página de listagem de personagens (home):
    • Exibir os 20 primeiros resultados da API;
    • Permitir ordenação por nome do personagem;
    • Permitir filtrar por nome, pelo campo de busca;
    • Permitir mostrar apenas os personagens favoritos;
    • Permitir o usuário favoritar/desfavoritar até 5 personagens;
  • Página de detalhe do personagem:
    • Exibir dados do personagem;
    • Exibir últimos 10 quadrinhos lançados deste personagem (onSaleDate);
    • Permitir o usuário favoritar/desfavoritar (dentro do limite de 5).

Bônus (não obrigatório)

  • Adicionar paginação a listagem para exibir além dos 20 personagens iniciais;
  • Persistir os dados de favoritos (para manter os dados após o reload da página);
  • Layout responsivo;
  • Utilização de ES6+;
  • Utilização de ferramentas para garantir a qualidade do código;
  • Teste e2e;
  • CI/CD.

Dicas

  • Valorizamos muito testes em nosso processo de desenvolvimento;
  • Aqui no LuizaLabs todos os desenvolvedores podem participar do processo de avaliação técnica então oriente os avaliadores a como instalar, testar e executar seu código.


Gente. Inovação e Código. Luizalabs