"Burger Queen" refere-se ao projeto desenvolvido durante o bootcamp da Laboratória, que tinha por obejtivo o aprendizado da construção de uma interface web usando React, framework front-end que ataca o problema de manter interface e estado sincronizados.
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.
O projeto consiste em uma interface a ser utilizada pelo garçom, em que todos os produtos oferecidos pelo estabelecimento ficam disponíveis, separados em duas categorias "café da manhã" e "almoço e janta" (Figuras 1 e 2). A medida que os clientes realizam os pedidos o garçom consegue adicionar e retirar itens da lista, obtendo ao final um resumo do pedido com o preço da conta final já calculado.
Interface do Salão
Figura 1. Interface utilizada pelo garçom para realizar os pedidos, incluido resumo com total da conta.
Paralelamente a equipe da cozinha recebe os pedidos a serem preparados, podendo encaminhá-lo de volta para que o garçom saiba quando realizar a entrega e, tendo acesso ao histórico de pedidos realizados.
Interface da Cozinha
Figura 2. Interface visualizada pela equipe da cozinha, com histórico de pedidos e opção de marcar os pedidos como "preparados".
* HTML5
* JavasScript (ES6)
* Aphrodite (CSS)
* React Hooks
* Firebase
* alertifyjs
* @material-ui
* @fortawesome/react-fontawesome