https://github.com/odevthomas/fome-burger
Bem-vindo ao repositório do Fome Burger, um sistema de cardápio online para uma hamburgueria que facilita a visualização e a compra de deliciosos hambúrgueres e bebidas. Este README fornece uma visão geral das funcionalidades e características principais do projeto.
https://github.com/odevthomas/fome-burger
burger food tailwindcss
Last synced: 12 months ago
JSON representation
Bem-vindo ao repositório do Fome Burger, um sistema de cardápio online para uma hamburgueria que facilita a visualização e a compra de deliciosos hambúrgueres e bebidas. Este README fornece uma visão geral das funcionalidades e características principais do projeto.
- Host: GitHub
- URL: https://github.com/odevthomas/fome-burger
- Owner: odevthomas
- Created: 2024-08-31T18:07:33.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-09-15T18:34:31.000Z (over 1 year ago)
- Last Synced: 2025-01-30T15:41:36.143Z (about 1 year ago)
- Topics: burger, food, tailwindcss
- Language: CSS
- Homepage: https://fome-burguer.vercel.app/
- Size: 29.7 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Fome Burger
Bem-vindo ao repositório do **Fome Burger**, um sistema de cardápio online para uma hamburgueria que facilita a visualização e a compra de deliciosos hambúrgueres e bebidas. Este README fornece uma visão geral das funcionalidades e características principais do projeto.
## Funcionalidades
### 1. **Cabeçalho Atraente**
- **Imagem de Fundo:** O cabeçalho apresenta uma imagem de fundo de alta qualidade, ajustada ao tamanho do cabeçalho para um visual impactante.
- **Texto de Boas-Vindas:** Inclui o nome "Fome Burger" e uma breve descrição do cardápio online, destacando o visual moderno e a facilidade de uso.
### 2. **Cardápio Online**
- **Exibição de Produtos:** O cardápio é organizado em seções, cada uma mostrando hambúrgueres e bebidas com imagens, descrições e preços. Cada item pode ser visualizado com detalhes ao passar o mouse sobre a imagem.
- **Adição ao Carrinho:** Os usuários podem adicionar itens ao carrinho de compras diretamente do cardápio, com botões de "Adicionar ao Carrinho" visíveis para cada item.
### 3. **Carrinho de Compras**
- **Modal de Carrinho:** O carrinho é acessível através de um botão dedicado na interface. Ao abrir o modal, os usuários podem visualizar todos os itens adicionados, com a opção de remover produtos e ajustar quantidades.
- **Atualização Dinâmica:** O modal do carrinho atualiza automaticamente para refletir alterações, incluindo a quantidade e o total geral dos itens no carrinho.
- **Remoção de Itens:** Itens podem ser removidos do carrinho individualmente, e a visualização do carrinho é atualizada em tempo real.
### 4. **Checkout e Finalização de Pedido**
- **Formulário de Endereço:** Antes de finalizar o pedido, os usuários devem fornecer um endereço de entrega. Há validação para garantir que o campo não esteja vazio.
- **Confirmação de Horário:** O sistema verifica se a hamburgueria está aberta antes de permitir a finalização do pedido.
- **Integração com WhatsApp:** Após a confirmação do pedido, uma mensagem é gerada e enviada para o WhatsApp da hamburgueria, incluindo detalhes dos itens e o endereço fornecido.
### 5. **Responsividade e Design**
- **Design Responsivo:** O site é projetado para ser totalmente responsivo, garantindo uma experiência de usuário consistente em dispositivos móveis e desktops.
- **Estilo Moderno:** Utiliza o Tailwind CSS para uma estilização moderna e coesa, com componentes que se ajustam dinamicamente ao tamanho da tela.
## Como Contribuir
Se você deseja contribuir para o projeto, siga estas etapas:
1. **Clone o Repositório:** Faça um clone do repositório para sua máquina local.
2. **Crie uma Branch:** Crie uma nova branch para suas alterações.
3. **Faça Alterações:** Implemente suas alterações e melhorias.
4. **Teste:** Certifique-se de testar suas alterações localmente.
5. **Envie um Pull Request:** Envie um pull request para o repositório principal.
## Tecnologias Utilizadas
- **HTML/CSS:** Estrutura e estilização do site.
- **Tailwind CSS:** Framework de design para uma aparência moderna e responsiva.
- **JavaScript:** Funcionalidade dinâmica para interações do carrinho e checkout.
## Licença
Este projeto está licenciado sob a Licença MIT. Veja o arquivo [LICENSE](LICENSE) para mais detalhes.