FrontEnd - StarQuiz.md

StarQuiz

Objetivo

O objetivo desse desafio é medir o conhecimento do candidato em relação ao desenvolvimento de aplicativos Web com foco no front-end.

Enredo

Você conhece os personagens de Star Wars?

Sim? Então mostre-nos!

Com esse quiz você terá oportunidade de identificar os principais personagens de Star-wars e se tornar um expert nesta série de filmes maravilhosa!

Requisitos

Inicio da app

• Tela de abertura, com uma breve introdução sobre o universo Star Wars;
• Salve informações do usuário como nome, altura, espécie e o que mais você quiser, para introduzi-lo ao universo e depois mostre na tela principal.

Tela Principal

• Listar os personagens, de forma paginada, consumindo a API descrita abaixo;
• A API não disponibiliza imagens dos personagens, para sanar isso deve-se utilizar uma engine de fotos (google ou a que preferir) para mostrar uma miniatura do personagem;
• Deve ser criados filtros para a listagem, fique a vontade para usar sua criatividade.(Ex: Classe do personagem, altura, planeta de origem, participação em tal filme e etc...)

Sugestões de Tecnoligias

• Utilizar ES6+.
• Organizar a app em modulos e componentes.
• Fique a vontade pra escrever o CSS como quiser.
• Fique a vontade pra usar qualquer lib/framework que preferir.
• Hospede o código em um repositório no Github e utilizando o Github Pages crie uma demo do mesmo.
• Solte sua criatividade no layout :)

Tecnoligias - Bônus XP

• Implementar suíte de testes.
• Clean Code.
• Config Webpack manual (não usar boilerplaites).
• Fazer build com npm ou yarn scripts.

Detalhes do Personagem

• Na API existem diversos endpoints com informações dos personagens;
• Para exibir os dados nesta modal, serão consultados vaários desses endpoints, portanto deve-se ter atenção a performance (processamento paralelo);

Observação

Todos os requisitos acima são sugestões, fique à vontade para alterá-los, o que queremos ver é seu código, linha de raciocínio e criatividade!

API

Não será necessário criar uma API para esse projeto, em vez disso vamos consumir uma pronta: Star Wars API

Tempo para desenvolvimento

• 2 dias após envio do teste

Dúvidas:

Qualquer dúvida (técnica/requisito/processo) enviar e-mail para jose.damiani@sapium.com.br com o titulo: [DESAFIO STAR QUIZ] DÚVIDAS