O teste consiste em um checkout simples contendo 3 passos (carrinho, pagamento e sucesso) Veja o Layout
- 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.
-
Carrinho:
- Consuma o esse endpoint e liste os itens, bem como o resumo;
-
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 estiver válido;
-
Sucesso:
- Todo o conteúdo deverá ser exibido a partir dos dados persistidos;
- Organização do código;
- Mensagens e mudanças nos commits;
- Composição/reutilização de componentes;
- Testes unitários;
- O motivo de ter escolhido cada tech da stack;
Ao finalizar o teste, publique o seu projet em alguma url (vercel, netlify, surge, etc) e crie pull request para o repositório que nosso time será notificado. Se tiver alguma observação, escreva no corpo pull request, por favor.
Boa sorte! 🚀