- 1. Sobre o projeto
- 2. Resumo do projeto
- 3. Aplicação
- 4. Como Utilizar
- 5. Histórias de Usuários
- 6. Tecnologias Utilizadas
O projeto BURGUER QUEEN foi criado no bootcamp da Laboratoria Brasil.
🍔 Desenvolvido por Isis Noronha e Thais Fernandes, utilizando React. Você pode acessar a aplicação aqui, utilizando um dos logins de teste abaixo:
Salão Cozinha 📨 atendente@gmail.com cozinheiro@gmail.com 🔐 123456 123456
Um pequeno restaurante de hambúrgueres, que está crescendo, necessita uma interface em que se possa realizar pedidos utilizando um tablet, e enviá-los para a cozinha para que sejam preparados de forma ordenada e eficiente.
Este projeto tem duas áreas: interface (cliente) e API (servidor). Nosso cliente nos pediu para desenvolver uma interface que se integre com a API que outra equipe de desenvolvedoras está trabalhando simultaneamente.
Somos o MagicBurger, um fast food 24h. Na pandemia nosso comércio teve um salto de atendimentos, e por isso precisamos de um sistema que facilite o gerenciamento de pedidos.
Nós temos 2 menus. Um muito simples para o café da manhã:
Ítem Preço R$ Café americano 5 Café com leite 7 Sanduíche de presunto e queijo 10 Suco de fruta natural 7 E outro menu para o resto do dia:
Ítem Preço Hambúrgueres R$ Hambúrguer simples 10 Hambúrguer duplo 15 Acompanhamentos R$ Batata frita 5 Anéis de cebola 5 Bebidas R$ Água 500ml 5 Água 750ml 7 Bebida gaseificada 500ml 7 Bebida gaseificada 750ml 10 Nossos clientes são bastante indecisos, por isso é muito comum que eles mudem o seu pedido várias vezes antes de finalizar.
A interface deve mostrar os dois menus (café da manhã e restante do dia), cada um com todos os seus produtos. O usuário deve poder escolher que produtos adicionar e a interface deve mostrar o resumo do pedido com o custo total.
Além disso a cliente nos deu um [link da documentação](https:// /) que especifica o comportamento esperado da API que iremos expor por HTTP. Lá podemos encontrar todos os detalhes dos endpoints, como por exemplo que parâmetros esperam, o que devem responder, etc.
O objetivo principal é aprender a construir uma interface web usando o framework escolhido (React). Esse framework front-end ataca o seguinte problema: como manter a interface e estado sincronizados. Portanto, esta experiência espera familiarizá-la com o conceito de estado da tela, e como cada mudança no estado vai refletir na interface (por exemplo, toda vez que adicionamos um produto para um pedido, a interface deve atualizar a lista de pedidos e o total).
colocar print/gif aplicação aqui
- A tela inicial da aplicação traz a Página de Login que apresenta ao usuário as opções de fazer o login com email e senha, já cadastrados, para entrar na plataforma do MagicBurger ou prosseguir para a página de cadastro;
- Na Página de Cadastro, o funcionário pode cadastrar-se inserindo seus dados com nome, e-mail, senha e cargo;
- Ao realizar qualquer uma dessas formas de acesso, o usuário será encaminhado para o seu respectivo ambiente:
- Salão: para os garçons/garçonetes, onde ocorrerá a anotação e encaminhamento dos pedidos para a cozinha;
- Cozinha: para os cozinheiros que receberão a demanda dos pedidos realizados.
- Pedidos Prontos: para os garçons/garçonetes, onde ocorrerá a exibição de pedidos finalizados para serem entregues.
[Historia de usuario 1] Garçom/Garçonete deve poder entrar no sistema, caso o admin já lhe tenha dado as credenciais
Eu, como garçom/garçonete quero entrar no sistema de pedidos.
Eu como garçom/garçonete quero poder anotar o pedido de um cliente para não depender da minha memória, saber quanto cobrar e poder enviar os pedidos para a cozinha para serem preparados em ordem.
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.
Eu como garçom/garçonete quero ver os pedidos que estão prontos para entregá-los rapidamente aos clientes.
