Este projeto é um sistema de cardápio digital para hamburguerias, que permite aos clientes visualizarem os produtos, adicioná-los ao carrinho, verificar e gerenciar o carrinho de compras, além de enviar pedidos diretamente para o WhatsApp da hamburgueria.
- Listar Produtos: Exibe uma lista completa de todos os hambúrgueres e acompanhamentos disponíveis no cardápio.
- Adicionar Produtos ao Carrinho: Permite que o cliente selecione e adicione produtos ao seu carrinho de compras.
- Verificar Itens no Carrinho: Exibe a quantidade e os detalhes dos itens já adicionados ao carrinho.
- Acessar Detalhes do Carrinho: Permite que o cliente visualize todos os itens adicionados ao carrinho com preços e totais.
- Remover Item do Carrinho: Opção para remover produtos indesejados do carrinho antes de finalizar o pedido.
- Adicionar e Verificar Endereço: Funcionalidade para adicionar o endereço de entrega e verificar se está correto antes de prosseguir.
- Validar se o Restaurante está Aberto: Confirma se o restaurante está em horário de funcionamento antes de permitir o envio do pedido.
- Enviar Pedido para o WhatsApp: Facilita o envio do pedido diretamente para o WhatsApp da hamburgueria, incluindo todos os detalhes do pedido e o endereço de entrega.
- Navegar pelo Cardápio: Comece navegando pela lista de produtos e escolha seus favoritos.
- Adicionar ao Carrinho: Clique em "Adicionar ao Carrinho" para incluir produtos.
- Verificar Carrinho: Acesse o carrinho a qualquer momento para revisar seus itens.
- Finalizar Pedido: Após revisar o carrinho e adicionar o endereço de entrega, finalize o pedido e envie para o WhatsApp.
- HTML: Linguagem de marcação utilizada para estruturar o conteúdo da página web.
- CSS: Linguagem de estilo usada para definir a apresentação visual da página.
- TailwindCSS: Framework CSS utilitário para criar interfaces responsivas e estilizadas de maneira eficiente.
- JavaScript: Linguagem de programação utilizada para adicionar interatividade e lógica ao front-end do projeto.
- API WhatsApp: Integração com API para envio de mensagens, permitindo que os pedidos sejam enviados diretamente para o WhatsApp da hamburgueria.
Projeto original do [Sujeito Programador]
Design no Figma: https://www.figma.com/design/nGFVqOcJQMEzKIyR2AE8y8/Restaurant---dev-burguer?node-id=0-1&t=mrBMHrXZ05YgAzjp-1
Desenvolvido por: Roger Funaki :)
Confira o resultado final aqui: https://dev-hamburgueria.vercel.app/