← todos os projetos

projeto2025fullstack · curso

WaiterApp

Pedidos de restaurante do salão à cozinha em tempo real, construído acompanhando um curso.

WaiterApp

origem

Construído acompanhando o curso JStack. Os destaques abaixo são o que aprendi e implementei.

o problema

Em restaurante, o pedido anotado em papel se perde entre o salão e a cozinha, e a cozinha só descobre o pedido quando alguém leva o papel até lá.

meu papel

Fullstack: API, painel da cozinha e app do garçom.

o que aprendi e implementei

  1. API REST em Node.js com Express e MongoDB (Mongoose), organizada em casos de uso, com upload de imagens de produto (Multer).
  2. Tempo real com Socket.io, num sentido só: o pedido feito no app do garçom aparece no painel da cozinha na hora, sem recarregar.
  3. Painel da cozinha em React com o fluxo de status (em espera → em produção → pronto) e cancelamento de pedidos; o status fica no painel, não volta ao garçom.
  4. App do garçom em React Native (Expo): mesa, cardápio por categoria, carrinho e confirmação. Três aplicações num só repositório.

stack

  • Node.js
  • Express
  • MongoDB
  • Socket.io
  • React
  • React Native (Expo)
  • styled-components