- Criar pagina de produto
- Criar pagina finalização de compra
- O usuário deve poder inserir a quantidade dos produtos desejados, inserir os dados nos formularios e finalizar a venda
- Na pagina de finalização da compra exibir o nome do cliente e o valor total da compra
- Colocar botão "Inicar nova compra" para redirecionar para tela de produtos
- Implementar as telas responsivas. 👍
- Inserir validações no formulário. 👍
- Pode-se personalizar qualquer component para se adequar ao design. 👍
- Não é necessário implementar nenhum código back-end, as informações ficarão todas armazenadas no browser. 👍
- Criar components necessários (Card, Client Data, Products, Finalized Purchase) 💪
- Criar reducers e actions necessárias (client data, products) 💪
- Criar input de produtos em formato JSON para ser consumido pela aplicação 💪
- Construir component de card de acordo com o design 💪
- Iterar sobre os produtos no component de produtos e construir todos os Cards necessários 💪
- Ajustar Grid ao meio da tela 💪
- Definir um estado para o preço total do produtos na Store 💪
- Criar action para products para adicionar preço do produtos no estado de preço total 💪
- Zerar contador após adicionar 💪
- Mostrar mensagem no topo direito da tela que adicionou o produto e a quantidade 💪
- Montar formulario usando redux form 💥
- Configurar router 💪
- Apresentar informações no component Finalized Purchase 💪