Quinto projeto desenvolvido para o Bootcamp de Desenvolvimento Web da @Laboratória. O objetivo consiste em uma interface voltada para o gerenciamento de uma hamburgueria. Nesta aplicação, usou-se a integração com API e o framework React.
- 1. Instruções para Login 🗒️
- 2. Histórias de Usuário 🖊️
- 3. Cenário 1 - Atendente 🍔
- 4. Cenário 2 - Chefe 📌
- 5. Cenário 3 - Administrador 🔒
- 6. Responsividade 🔃
- 7. Authors 📎
Heaven Burger é uma hamburgueria preocupada com a satisfação do cliente e para isso, desenvolveu-se uma aplicação apta à atender as necessidades da equipe e principalmente dos clientes.
Há três tipos de login na aplicação: Atendente, Chefe e Administrador.
- Atendente: Responsável por anotar os pedidos de acordo com a vontade do cliente, acompanhar os pedidos enviados para a cozinha, e quando prontos, servir para os clientes.
- Chefe: Responsável por receber os pedidos anotados pelo atendente, finalizá-los na cozinha e enviar para o atendente servir.
- Administrador: Responsável pelo cadastro dos colaboradores, cadastro de produtos e visualização desses dados.
A aplicação segue um fluxo intuitivo e direcionado a fim de proporcionar a melhor experiência para usuário. O fluxograma abaixo exemplifica o caminho percorrido na aplicação usando como exemplo um login de ATENDENTE ou de CHEFE.
Ao acessar a aplicação, o usuário irá interagir com a página principal de Login, e após isso, a página para inserção das credencias para entrar no sistema. A aplicação está apta a informar o usuário sobre possíveis erros no login (senha ou email incorretos ou algum dos campos vazios, por exemplo).
| Cargo | Senha | |
|---|---|---|
| Atendimento | atendente@hb.com | 123456 |
| Chefe de cozinha | chef@hb.com | 123456 |
| Administrador | adm@hb.com | 123456 |
O perfil de Atendente, ao efetuar o login, o usuário irá se deparar com a tela inicial e o menu lateral com opções de interação (Novo Pedido, Pedidos em Espera, Pedidos Finalizados e Logout). Ao clicar em novo pedido, o atendente visualiza o cardápio dividido em 4 partes: Café da manhã, Hamburguers, Aperitivos e Bebidas.
Ao clicar em algum cardápio (por exemplo: hamburguers) o atendente visualiza as opções e consegue selecionar de acordo com o pedido do cliente. Ao lado, é possível aumentar ou diminuir as quantidades, e também excluir o item selecionado caso precise. O valor total do pedido é calculado automaticamente conforme interação do usuário.
Ao confirmar o envio do pedido, o sistema alerta se foi concluído com sucesso. Após isso, as informações anteriores são descartadas para que o usuário possa fazer um novo pedido. O pedido realizado é enviado para a cozinha, onde poderá ser visualizado pelo Chefe. Após a aprovação pelo Chefe, o Atendente conseguirá servir os pedidos nas mesas.
O perfil de Chefe, ao realizar login, o usuário irá se deparar com a tela inicial e o menu lateral com apenas as opções de Pedidos em Espera, Pedidos Finalizados e Logout.
Ao clicar no ícone de Pedidos em Espera, o chefe terá a visualização dos pedidos que foram anotados pelo atendente e terá a opção de finalizá-los.
O perfil de Administrador ao efetuar o login, irá se deparar com a tela inicial e o menu lateral com opções de Cadastrar Colaboradores/Produtos, Lista de Colaboradores, Lista de Produtos e Logout. Ao clicar em Cadastrar, irá ter a opção de cadastrar produtos ou colaboradores.
Ao clicar em colaboradores, o usuário conseguirá ver a lista de todos os colaboradores cadastrados na aplicação. Nessa tela, poderá alterar um colaborador cadastrado ou excluir.
O Administrador terá acesso a tela com a lista dos produtos cadastrados. Nessa tela, poderá alterar os existentes ou excluir algum produto.
A aplicação é responsiva para todos os tamanhos de tela. A adaptação do sistema preza pela experiência dos usuários e está apta para atender as mais diversas necessidades.
