Skip to content

Este repositório contém o DEV Burguer, um cardápio digital simples e funcional para uma hamburgueria, desenvolvido com HTML, CSS, TailwindCSS e JavaScript.

Notifications You must be signed in to change notification settings

funaki-roger/dev-hamburgueria-sujeitoprogramador

Repository files navigation

Cardápio para Hamburgueria

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.

Funcionalidades

  • 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.

Como Usar

  1. Navegar pelo Cardápio: Comece navegando pela lista de produtos e escolha seus favoritos.
  2. Adicionar ao Carrinho: Clique em "Adicionar ao Carrinho" para incluir produtos.
  3. Verificar Carrinho: Acesse o carrinho a qualquer momento para revisar seus itens.
  4. Finalizar Pedido: Após revisar o carrinho e adicionar o endereço de entrega, finalize o pedido e envie para o WhatsApp.

Tecnologias Utilizadas

  • 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/

About

Este repositório contém o DEV Burguer, um cardápio digital simples e funcional para uma hamburgueria, desenvolvido com HTML, CSS, TailwindCSS e JavaScript.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published