Frontend Test
Faça um fork deste repositório e finalizar o teste, submeta um pull request para o repositório que nosso time será notificado.
O teste consiste em um checkout simples contendo 3 passos (carrinho, pagamento e sucesso) Veja o Layout
Faça quando quiser/puder (madrugada, fim de semana, etc)
Requerimentos
- Pixel perfect (nesse link, você pode inspecionar para ver espaçamentos, fonte, tamanho, etc)
- A aplicação precisa ser responsiva, utilizando o conceito de mobile-first. Use sua imaginação para entregar uma experiência boa no desktop.
- Renderize cada passo em uma URL única (lib de rotas).
Passo 1 - Carrinho:
- Consuma o esse endpoint e liste os itens do carrinho, bem como o resumo do carrinho;
- Persista o conteúdo do JSON para ser usado nas próximas etapas (store do redux é nossa sugestão);
Passo 2 - Pagamento:
- Exiba um form com campos de cartão de crédito com validação em cada campo;
- Habilite o botão de Finalizar Pedido apenas se o form esteja válido;
Passo 3 - Sucesso:
- Todo o conteúdo deverá ser exibido a partir dos dados persistidos;
O que vamos avaliar:
- Organização do código;
- Mensagens (em inglês) e mudanças nos commits;
- Composição/reutilização de componentes;
- Testes unitários;
- O motivo de ter escolhido cada tech da stack;
- Como rodar sua aplicação ;)
Diferenciais:
- Split bundle por rota (cada step ter um bundle separado para otimizar a performance);
- CSS in JS;
- React;
Fim:
Ao finalizar o teste, submeta um pull request para o repositório que nosso time será notificado. Se tiver alguma observação, escreva no pull request.