Skip to content

Single Page App para tablet desenvolvido para uma hamburgueria. Projeto realizado com React Hooks, JavaScript ES6, Aphrodite, Growl Alert e Firebase.

Notifications You must be signed in to change notification settings

tiemimaeda/Burger-Queen

 
 

Repository files navigation

Burger Queen

Índice


1. Burger Queen

Burger Queen foi um projeto desenvolvido para a Laboratória, como parte do processo de aprendizagem do bootcamp. O objetivo principal foi aprender a construir uma interface web usando React.

2. Resumo do projeto

Um pequeno restaurante de hambúrgueres, que está crescendo, necessita uma interface em Single Page App em que se possa realizar pedidos utilizando um tablet, e enviá-los para a cozinha para que sejam preparados de forma ordenada e eficiente.

A interface mostra 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.

Paleta de cores

burger-queen-colorspallete

3. Histórias de Usuário

[HU 1] Cliente deve poder anotar o seu pedido

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.

[HU 2] Chefe de cozinha deve ver os pedidos

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.

[HU 3] Garçom/Garçonete deve ver os pedidos prontos para servir

Eu como garçom/garçonete quero ver os pedidos que estão prontos para entregá-los rapidamente aos clientes.

 

4. Tecnologias

  • HTML5
  • JavasScript (ES6)
  • Firebase
  • Aphrodite (CSS)
  • React Hooks
  • growl-alert

5. Como Usar

Aba Salão

O usuário que anotará o pedido pode escolher entre os menus (Café da Manhã ou Almoço/Jantar) selecionando os itens desejados, depois marcando o nome do cliente e mesa.

floor page

Será mostrado em tempo real o resumo do pedido, podendo aumentar, diminuir ou excluir algum item antes de enviar o pedido à cozinha.

Aba Cozinha

O usuário da cozinha visualiza os pedidos pendentes e pode marcar o pedido como pronto.

kitchen page

Aba Pedidos

O usuário pode visualizar a lista de pedidos prontos para servir e marcar como entregue.

waiter page

About

Single Page App para tablet desenvolvido para uma hamburgueria. Projeto realizado com React Hooks, JavaScript ES6, Aphrodite, Growl Alert e Firebase.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 89.2%
  • HTML 9.7%
  • CSS 1.1%