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}