gisellepiasetzki / test-front Goto Github PK

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.