Um sistema de gestão de restaurantes versátil e responsivo, adaptável a diferentes tipos de restaurantes, que melhora tanto a experiência do cliente quanto a eficiência operacional.
- Menu Interativo: Menu digital com fotos de alta qualidade dos pratos em um carrossel, descrições detalhadas e opções de filtro por categoria
- Pedidos Self-Service: Sistema baseado em QR code que permite aos clientes visualizar o menu e fazer pedidos diretamente da mesa sem a ajuda do garçom
- Sistema de Reservas: Interface de reservas online com visualização de calendário, seleção de horários e opções de tamanho de grupo
- Design Responsivo: Layout totalmente adaptativo que funciona de maneira fluida em dispositivos móveis, tablets e desktops
- Customização do Restaurante: Tema, cores e conteúdo facilmente configuráveis para combinar com a identidade visual de qualquer restaurante
Explore a demo ao vivo: Demo Bella Cucina
- Frontend: React, TypeScript, Vite
- Estilo: Tailwind CSS, ShadCN UI
- Gerenciamento de Estado: React Context API
- Manipulação de Formulários: React Hook Form, Zod
- Componentes de UI: Radix UI, Ícones Lucide React
- Manipulação de Datas: date-fns
src/
├── components/
│ ├── cart/ # Componentes da funcionalidade do carrinho
│ ├── home/ # Componentes da página inicial
│ ├── layout/ # Componentes de layout (Cabeçalho, Rodapé)
│ ├── menu/ # Componentes de exibição do menu
│ ├── reservation/ # Componentes do sistema de reservas
│ ├── ui/ # Componentes UI reutilizáveis (ShadCN)
│ └── waiter/ # Componentes do painel do garçom
├── lib/ # Funções e serviços utilitários
└── types/ # Definições de tipos TypeScript
-
Clone o repositório
git clone https://github.com/seunome/bella-cucina.git cd bella-cucina -
Instale as dependências
npm install
-
Inicie o servidor de desenvolvimento
npm run dev
-
Construa para produção
npm run build
- Menu Interativo: Navegue, filtre e pesquise pelos itens do menu do restaurante com descrições detalhadas e imagens de alta qualidade
- Sistema de Carrinho: Adicione itens ao carrinho, personalize com solicitações especiais e faça pedidos diretamente da mesa
- Sistema de Reservas: Reserve mesas com um seletor intuitivo de data e horário, especifique o tamanho do grupo e receba confirmação
- Painel do Garçom: Visualize e gerencie os pedidos recebidos, atualize o status dos pedidos e gerencie solicitações especiais
- Gestão do Menu: Atualize facilmente os itens do menu, preços e disponibilidade
- Gestão de Reservas: Visualize e gerencie as reservas futuras
-
Experiência do Cliente:
- Escaneie o QR code na mesa ou acesse o site
- Navegue pelo menu digital com opções de filtro
- Adicione itens ao carrinho com opções de personalização
- Envie o pedido diretamente do dispositivo
- Receba a confirmação do pedido
-
Operações do Restaurante:
- Receba pedidos no painel do garçom
- Atualize o status do pedido (pendente, preparando, pronto, entregue)
- Gerencie reservas e atribuição de mesas
- Processe pagamentos e acompanhe os pedidos
Crie um arquivo .env no diretório raiz com as seguintes variáveis:
VITE_SUPABASE_URL=sua_url_do_supabase
VITE_SUPABASE_ANON_KEY=sua_chave_anonima_do_supabase
VITE_BASE_PATH=/
- Faça um fork do repositório
- Crie sua branch de funcionalidade (
git checkout -b feature/minha-nova-funcionalidade) - Faça commit das suas mudanças (
git commit -m 'Adiciona nova funcionalidade incrível') - Faça push para a branch (
git push origin feature/minha-nova-funcionalidade) - Abra um Pull Request
Este projeto está licenciado sob a Licença MIT - consulte o arquivo LICENSE para mais detalhes.
Construído com ❤️ por [@odevthomas]