- Catálogo de produtos.
- Carrinho lateral.
- Resumo do carrinho.
- 3 lojas com estilos e tipos diferentes de Pokémon.
- Barra de busca para filtrar os Pokémon.
- Botão de finalizar compra, reiniciando o processo de compra.
- Modal de obrigado ao finalizar compra.
- Salvar os dados da compra do usuário localmente para não perdê-las ao atualizar a página.
- Testes E2E/UI automatizados para garantir que suas funcionalidades estão funcionando corretamente.
- Colocá-lo online em alguma url pública para que as pessoas consigam utilizar a loja.
- Alguns pontos de performance (Lighthouse).
- Alguns pontos de acessibilidade (Screen reader).
A aplicação foi disponibilizadas em três rotas diferentes, uma para cada um dos tipos de pokémon (Água, Fogo e Dragão).
Para que os vários estilos da aplicação pudessem ser aplicados, foi adicionado uma variável de ambiente.
De acordo com o resultado que ela recebe, um grupo específico de estilos são carregados.
Quando a aplicação é publicado no Vercel, podemos trocar a valor da variável de ambiente.
Foi utilizado o localStorage para que os itens adicionados no carrinho continuassem salvos mesmo após um evento recarregamento/fechamento da página.
Foi utilzado o Cypress para a relização dos testes.
Testes realizados
Dos pontos, apenas o de performance não alcançou uma pontuação alta em relação aos demais.
Resultado dos testes
