Desafio para desenvolvedor Front-End React

Tecnologias/Padrões

Devem ser utilizadas as seguintes tecnologias:

• React
• SCSS ou CSS3
• Axios
• Testes (Que achar necessário)
• Qualquer tecnologia ou padrão complementar as citadas anteriormente são permitidas com as devidas justificativas no README.

O desafio

Crie uma Single Page Application para uma consulta de quadrinhos utilizando a API da Marvel para todos os consumos de dados.

API: https://developer.marvel.com

Modo básico o App consiste em uma tela de lista de quadrinhos, uma tela de detalhe do quadrinho (comics), uma funcionalidade de seleção dos quadrinhos e uma funcionalidade para envio via e-mail dos quadrinhos selecionados.

Qualquer funcionalidade extra é bem vinda para agregar na solução básica proposta.

O layout e por sua conta, seja criativo. A arquitetura é por sua conta, seja esperto.

Você será avaliado pela qualidade do código, pela modularidade, pela legibilidade, pela criatividade, pela quantidade de funcionalidades básicas e extra.

Não esqueça da otimização de velocidade da App nem da experiência do usuário.

Funcionalidade da tela:

Tela Principal - Consulta de Quadrinhos

Esta tela deve conter um input do tipo texto, e ao digitar o nome de um quadrinho deve ser realizada a filtragem dos quadrinhos com base na expressão digitada.

Os quadrinhos listados devem ter 02 ações disponíveis ao clicar sobre eles:

• Selecionar o quadrinho
• Exibir detalhes do quadrinho (modal)

Abaixo da exibição da listagem dos quadrinhos deve ser criado um botão com a ação de "enviar por e-mail" todos os quadrinhos selecionados. O corpo do e-mail, deve conter as seguintes informações para cada quadrinho:

• Título
• Imagem do quadrinho
• Detalhes do quadrinho

Deploy da solução

O teste deve estar funcional e disponível para utilização no github-pages do seu usuário. Todos os fontes devem estar disponíveis para avaliação em um projeto github do seu usuário.

Prazo: 48 horas

Arquitetura da solução o que fazer

No arquivo README do projeto explique o funcionamento e a solução adotada na sua implementação do desafio.

Avaliação

Entre os critérios de avaliação estão:

• Usabilidade
• Criatividade
• Código limpo e organização
• Documentação de código
• Documentação do projeto (README)
• Performance