Teste front-end Allgoo
Caros candidatos, leiam atentamente as instruções neste README para realizar o teste.
Antes de começar, prepare seu ambiente.
Este teste requer:
- Sua IDE favorita
- Ambiente de desenvolvimento com Vue.js
Tarefas do teste:
Para este teste, gostaríamos que você criasse as seguintes páginas:
-
Listagem de Personagens da Marvel;
- Incluir nome do personagem;
- Incluir foto do personagem;
- Incluir quantidade de quadrinhos que o personagem possui;
- incluir um link para visualização de detalhes do personagem;
- Ordenar por data de modificação;
- Carregar imagens usando lazy load;
- Criar paginação;
-
Ao clicar em um personagem:
- Mostrar no início a imagem, nome do personagem e número de resultados encontrados;
- Pedir para o usuário selecionar se quer ver quadrinhos, séries ou histórias;
- Ordenar quadrinho por título;
- Ordenar série por revista;
- Ordenar história por data de modificação;
- Caso não haja itens, mostre uma mensagem agradável;
- Criar paginação;
link da API: https://developer.marvel.com/
O que queremos de você nesse teste
- Crie componentes isolados e reutilizaveis;
- Não utilize bootstrap;
- Deixe o sistema lindo <3 e do seu jeito;
- Documente muito bem seu sistema;
- Implemente testes;
- Utilize webpack;
- Compatibilidade de sistema com o IE9+;
Instruções adicionais
- Faça um fork do repositório;
- Testes não são opcionais;
- Depois de terminado, envie-nos o link do repositório e o link da aplicação (Se estiver publicada);
- Deixe comentários, caso tenha alguma dúvida;
- Crie um README detalhado, só serão aceitos testes com o README;
Bonus / Atividades Opcionais
- Código limpo;
- Conhecimento do fluxo da aplicação;
- Conhecimento das melhores práticas;
- Faça o deploy do seu sistema em algum server em cloud; (heroku, etc);