Teste de Frontend

O teste consiste em um checkout simples contendo 3 passos (carrinho, pagamento e sucesso) Veja o Layout

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.

Observações:

1. Carrinho:

   • Consuma o esse endpoint e liste os itens, bem como o resumo;

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 estiver válido;

3. Sucesso:

   • Todo o conteúdo deverá ser exibido a partir dos dados persistidos;

O que iremos avaliar:

• 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;

Fim:

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! 🚀