Teste Técnico Frontend
Beleza Na Web
The leading online beauty retailer @ Latin America that connects consumers to top beauty experts and selective brands through high quality curated digital content.
Sobre o Teste
O teste consiste em criar um checkout simples com 3 etapas: carrinho, pagamento e sucesso. Você precisa seguir o design fornecido no link e garantir que o layout seja pixel perfect. A aplicação deve ser responsiva, seguindo o conceito de mobile-first. Na etapa do carrinho, você deve consumir um endpoint para listar os itens e exibir um resumo. Na etapa de pagamento, você deve exibir um formulário de cartão de crédito com validação em cada campo. O botão ""Finalizar Pedido"" só deve ser habilitado se o formulário estiver válido. Na etapa de sucesso, todos os conteúdos devem ser exibidos a partir dos dados persistidos. Serão avaliados a organização do código, as mensagens e mudanças nos commits, a composição/reutilização de componentes, os testes unitários e a escolha de tecnologias da stack.
Instruções do Teste
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:
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;
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! 🚀