É uma SPA construída com ReactJs para agilizar os processos dos pedidos dos clientes de um restaurante fast-food. Sua interface foi desenvolvida para ser utilizada em tablet. This is a SPA built with React.JS to help process client orders in fast-food restaurants. Your layout was developed for tablet devices.
A aplicação pode ser acessada pelo seguinte link: The application can be access by the link: Burguer Queen
Esta aplicação solicita ao usuário o cadastro via email e login com email e senha, esta etapa é responsável pelo redirecionamento a página de interesse de acordo com a a ocupação (Garçon/Cozinheiro). This application asks to the user registered by email and password. This step is responsible for redirecting to the appropriate page according to occupation.
A interface do Garçon mostra as opções de :
- Novo Pedido
- Pedido Realizados
- Entregar Pedidos
Em Novo Pedido, há dois menus (café da manhã e restante do dia), cada um com todos os seus produtos. O usuário escolhe os produtos adicionar e a interface mostra o resumo do pedido com o custo total.
Em Pedidos Realizados, são mostrados todos os pedidos feitos por todos os usuários. Há a possibilidade de excluir o pedido.
Em Entregar Pedido, são mostrados todos os pedidos que estão prontos para ser entregues. Assim que forem entregues, há como marcar como entregue através do botão.
A interface da Cozinha mostra as opções de :
- Pedidos em Produção
- Pedidos Prontos
- Histórico de Pedidos
Em Pedidos em Produção, são mostrados os pedidos feitos pelos garçons a medida que são finalizados. O usuário pode marcar os pedidos como prontos e assim apresentar o tempo de preparo.
Em Pedidos Prontos, são mostrados os que foram marcados como prontos. Há a possibilidade de arquivar o pedido, alterando o status do pedido para entregue.
Em Histórico de Pedidos, são mostrados todos os pedidos entregues.
Este projeto foi desenvolvido por Histórias de usuários.
Eu como cliente quero poder anotar o meu pedido saber o valor de cada produto e poder enviar o pedido para a cozinha para ser preparado.
O que deve acontecer para satisfazer as necessidades do usuário?
- Anotar o nome e mesa.
- Adicionar produtos aos pedidos.
- Excluir produtos.
- Ver resumo e o total da compra.
- Enviar o pedido para a cozinha (guardar em algum banco de dados).
- Funcionar bem e se adequar a um tablet.
Eu como chefe de cozinha quero ver os pedidos dos clientes em ordem, poder marcar que estão prontos e poder notificar os garçons/garçonetes que o pedido está pronto para ser entregue ao cliente.
- Ver os pedidos à medida em que são feitos.
- Marcar os pedidos que foram preparados e estão prontos para serem servidos.
- Ver o tempo que levou para preparar o pedido desde que chegou, até ser marcado como concluído.
Eu como garçom/garçonete quero ver os pedidos que estão prontos para entregá-los rapidamente aos clientes.
- Ver a lista de pedidos prontos para servir.
- Marque os pedidos que foram entregues.
Eu como funcionário do restaurante quero entrar na plataforma e ver apenas a tela importante para o meu trabalho.
O que deve acontecer para satisfazer as necessidades do usuário?
- Criar login e senha.
- Criar tipo de usuário (cozinha / salão).
- Entrar na tela correta para cada usuário.
Esta aplicação atende os critérios para PWAs (Progressive Web Apps).
Foi usado o Lighthouse, que é uma ferramenta do Google avaliar se a aplicação segue as "boas práticas".
-
Faça um fork deste repositório (no GitHub).
-
Clone seu fork no seu computador:
-
Instale o npm no projeto por
npm install -
Para abrir a aplicação
npm start