For README in English, click here
Burguer Kenzie é uma simples aplicação que simula um delivery de lanches. Talvez seu único defeito seja não finalizar o pedido 😅. A aplicação faz o consumo de uma api (GET: https://hamburgueria-kenzie-json-serve.herokuapp.com/products), trata os dados de resposta e renderiza-os em tela. Tendo como proposta inicial um projeto simples, tomei a liberdade para desenvolver algumas funcionalidades extras e refatorar alguns pontos do código.
Neste projeto foram utilizados conceitos de Consumo de Api, React Hooks, React Context, Componentização Renderização Condicional e Mobile First.
- Axios
- React-Js
- React Context
- Radix (Dialog & Switch)
- Styled-Components
 |
Na tela inicial, temos uma lista com todos os lanches disponíveis. Clicando em Adicionar, o produto selecionado vai direto para o carrinho. Veja abaixo: |
No lado direito podemos ver o carrinho. Aqui temos total controle sobre nossos produtos. Podemos ajustar a quantidade dos nossos produtos e também remover todos eles. Na parte inferior temos o valor total sendo mostrado na tela e o botão de remover todos os produtos.
 |
 |
Caso queira adicionar várias quantidades de um mesmo produto de uma só vez, você pode clicar no card para abrir um modal (ou caixa de dialogo), na parte central da tela.
Na parte esquerda podemos ver todas as informações disponíveis do lanche selecionado. Na parte inferior conseguimos selecionar a quantidade desejada e adicionar o produto ao carrinho.
Na parte direita conseguimos ver o nosso Componente "Carrinho". Nele conseguimos fazer todas as funções. Adicionar/Remover produtos e suas quantidades e remover todos os produtos.
 |
 |