💻 Sobre o desafio

Nesse desafio, você deverá criar uma aplicação para treinar o que aprendeu até agora no ReactJS

Essa será uma aplicação onde o seu principal objetivo é criar um hook de carrinho de compras. Você terá acesso a duas páginas, um componente e um hook para implementar as funcionalidades pedidas nesse desafio:

• Adicionar um novo produto ao carrinho;
• Remover um produto do carrinho;
• Alterar a quantidade de um produto no carrinho;
• Cálculo dos preços sub-total e total do carrinho;
• Validação de estoque;
• Exibição de mensagens de erro;
• Entre outros.

A seguir veremos com mais detalhes o que e como precisa ser feito 🚀

Template da aplicação

Para realizar esse desafio, criamos para você esse modelo que você deve utilizar como um template do GitHub.

O template está disponível na seguinte URL:

GitHub - rocketseat-education/ignite-template-reactjs-criando-um-hook-de-carrinho-de-compras

Dica: Caso não saiba utilizar repositórios do GitHub como template, temos um guia em **nosso FAQ.**

Se preparando para o desafio

Para esse desafio, além dos conceitos vistos em aula utilizaremos algumas coisa novas para deixar a nossa aplicação ainda melhor. Por isso, antes de ir diretamente para o código do desafio, explicaremos um pouquinho de:

• Fake API com JSON Server;