marcosjbm / 04-ignite-shop Goto Github PK

Assim que a compra for realizada e o usuário redirecionado para a aplicação, na pagina de sucesso deverá ser exibido a foto de cada um dos produtos que o usuário comprou, além da quantidade de items.

No header da aplicação deve ser adicionado um botão onde o usuário poderá clicar para acessar o carrinho de compras.

• Instalar a lib Phosphor para trabalhar com os ícones na aplicação.
• Criar componente que irá ser utilizado no header.
• Caso algum item seja adicionado, o número de items deve ser exibido.

O usuário não poderá mais realizar a finalização de uma compra na pagina do produto, ele deve acessar o carrinho de compras e então finalizar a compra por lá.

Assim que o usuário passar o mouse em cima do card do produto, um botão de carrinho deve ser exibido junto com as informações atuais.

• Ao clicar no botão, o produto deve ser adicionado no carrinho de compras.
• O usuário pode aumentar a quantidade do produto ao clicar no botão novamente.

Melhorar a responsividade da aplicação nos dispositivos moveis.

• Slide de produtos
• Pagina de detalhes do produto
• Pagina de sucesso

Mudanças que deveram ser realizadas na home:

• Apenas dois itens serão exibidos no inicio do slide de produtos.
• O slide deve possuir setas que serão utilizadas para voltar e avançar no slide.
• A partir do momento que o usuário avançar na listagem, apenas um item deve ser exibido por vez.

No menu lateral será listado os itens que o usuário selecionou, será o novo local onde o usuário poderá realizar a finalização da compra, além disso, ele também poderá remover algum item.

• O menu lateral poderá ser acessado em qualquer lugar da aplicação onde o header aparece.
• O menu lateral poderá ser fechado apertando no "X", localizado no canto superior direito.
• Deverá ser listado todos os items que o usuário selecionou.
• Deverá exibido a quantidade de items que o usuário selecionou.
• Deverá ser exibido o valor total da compra.
• O usuário poderá finalizar a compra.