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)
- 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).
- 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;
- 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;
- Todo o conteúdo deverá ser exibido a partir dos dados persistidos;
- 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 ;)
- Split bundle por rota (cada step ter um bundle separado para otimizar a performance);
- CSS in JS;
- React;
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.