Lab Burger 🍔 🍔

Acesse a aplicação aqui: https://lab-burger.vercel.app/

Usuários para teste 🔎

Cozinha: cozinhalabburger@cozinha.com / Senha: labburger

Salão: salaolabburger@salao.com / Senha: labburger

Índice

• 1. Apresentação
• 2. Sobre o Projeto
• 3. Histórias de Usuários
• 4. Interface de Usuário
• 5. Desenvolvimento
• 6. Bibliotecas e Ferramentas Utilizadas
• 7. Desenvolvedoras

---

1. Apresentação 🌠

Projeto realizado durante o Bootcamp Laboratória - SAP005, com intuito de criarmos uma interface que possa ser utilizada por um restaurante para realizar pedidos utilizando um tablet, que seja uma Single Page App, que seja responsiva e que os pedidos possam ser enviados a cozinha para que sejam preparados de forma ordenada e eficiente.

2. Sobre o Projeto 📝

A interface apresenta os dois menus (café da manhã e almoço/jantar), cada um com todos os seus produtos. O atendente pode selecionar o menu desejado e escolher quais produtos quer adicionar ao pedido do cliente. Os produtos escolhidos são mostrados no resumo do pedido com a quantidade desejada, o valor de cada item e o valor final. Depois de adicionado ao resumo do pedido é possível aumentar ou diminuir a quantidade de itens e excluir caso o cliente resolva mudar o que deseja consumir. Ao finalizar o pedido ele é redirecionado para ser preparado na cozinha A cozinha vai estar acompanhando na sua tela e assim que o pedido chegar ela vai iniciar o preparo. Assim que o pedido estiver preparado ela sinaliza ele como pronto e o atendente vai poder consultar na sua tela que o pedido está pronto para entrega. Após entregar ao cliente o atendente sinaliza o pedido como entregue. Ambos os setores podem ver uma lista com todos os pedidos que foram finalizados e entregues aos clientes.

3. Histórias de Usuários 👩👨

4.Interface de Usuário 📱💻

Protótipo Inicial 📎

O protótipo foi desenvolvido utilizando o figma, e testado a usabilidade fazendo animação das páginas utilizando o Marvel.

Protótipo Final 📎

Durante a implantação algumas melhorias foram feitas para melhorar a experiência dos usuários, chegando na página final.

5. Desenvolvimento 📆

Metodologia Ágil 📎

Utilizamos a ferramenta Projects do gitHub para organizar todas as atividades a serem feitas, fizemos planejamento a cada sprint dividindo em atividades: a fazer / em progresso / feito / sprint concluída.

Abaixo nosso quadro de organização:

6. Bibliotecas e Ferramentas Utilizadas 📂📌

• React
• React Hooks
• React Router
• VsCode
• Figma
• Marvel
• GitHub
• GitHub Projects
• CSS3
• Requisições com React usando React + Fetch
• Testes de requisições utilizando Postman
• Implementação do deploy utilizando Vercel

7.Desenvolvedoras 👩

Aplicação desenvolvida por:

Dunia Ghazzaoui
Gabriela Silva