O WaiterApp é uma ferramenta projetada para facilitar o trabalho de garçons, agilizando o processo de atendimento e gestão de pedidos. O objetivo do app é melhorar a eficiência dos serviços em restaurantes, bares e cafés.
O projeto é dividido em três partes principais:
- Desenvolvida em Node.js com TypeScript
- Estrutura organizada em:
- Models: Category, Order e Product
- UseCases: Gerenciamento de categorias, pedidos e produtos
- Uploads: Armazenamento de arquivos estáticos
- Integração com MongoDB para persistência de dados
- WebSockets para comunicação em tempo real
- Desenvolvido em React + TypeScript
- Componentes principais:
- Header: Cabeçalho da aplicação
- Orders: Listagem de pedidos
- OrdersBoard: Quadro de gerenciamento de pedidos
- OrderModal: Modal com detalhes do pedido
- Estilização com Styled Components
- Integração em tempo real com WebSocket
- Desenvolvido em React Native + TypeScript
- Principais funcionalidades:
- Gerenciamento de mesas
- Catálogo de produtos por categoria
- Carrinho de pedidos
- Confirmação de pedidos
- Componentes:
- Categories: Listagem de categorias
- Menu: Cardápio de produtos
- Cart: Carrinho de compras
- ProductModal: Detalhes do produto
- TableModal: Seleção de mesa
-
Gerenciamento de Pedidos
- Criação e acompanhamento de pedidos
- Categorização de produtos
- Status em tempo real
-
Interface Mobile para Garçons
- Seleção de mesa
- Navegação por categorias
- Carrinho de pedidos
- Confirmação de pedidos
-
Dashboard Web
- Visualização em tempo real dos pedidos
- Gerenciamento de status
- Modal com detalhes do pedido
-
Comunicação Real-time
- Atualização instantânea de pedidos
- Sincronização entre mobile e dashboard
- Node.js
- Yarn
- MongoDB
- API (Backend)
cd api
yarn install
yarn dev- Dashboard Web
cd web
yarn install
yarn dev- App Mobile
cd app
yarn install
yarn start-
Backend:
- Node.js
- TypeScript
- MongoDB
- WebSocket
-
Frontend Web:
- React
- TypeScript
- Styled Components
- Vite
-
Mobile:
- React Native
- Expo
- TypeScript
- Styled Components