Skip to content

Quarto Projeto desenvolvido no bootcamp de front-end da Laboratoria São Paulo (turma SAP007) por Fernanda Monteiro (@Fe-Monteiro) e Natalie Silva (@natalieiss). A Burger Heroes é uma hamburgueria fictícia e sua aplicação foi construída em um formato que facilitasse o atendimento e cozinha agilizar os pedidos do estabelecimento.

Notifications You must be signed in to change notification settings

natalieiss/Quarto-Projeto-burger-queen-api-client

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

52 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Quarto Projeto - Burger Queen (API Client)

Índice

1. Introdução

burger heroes

Burger Heroes

Quarto projeto desenvolvido no bootcamp de front-end da Laboratoria. Neste projeto desenvolvemos uma aplicação web na modalidade mobile first (tablet) para aprimorar e agilizar o atendimento de uma hamburgueria. Através desta aplicação é possível que os funcionários do setor de atendimento e cozinha gerenciem os pedidos de seus clientes.

AVISO IMPORTANTE - O link contendo o deploy do projeto, que encontra-se hospedado no Heroku, está apresentando demora no carregamento da página. Contudo, está funcionando corretamente. Por favor, clique no link e aguarde alguns minutos para que seja carregado o conteúdo.


2. Resumo do projeto

A Burger Heroes sabe o quanto salvar o mundo é importante, sendo assim, fornece aos seus clientes, atendimento e cozinha uma forma rápida e fácil de realizar pedidos, gerenciá-los e prepará-los. Para a Burger Heroes os heróis são os próprios clientes. Ela utiliza produtos e utensílios que não agridem o meio ambiente, é uma verdadeira empresa eco-friendly. Apesar de adotar uma referencia aos heróis da Marvel e DC, acredita que qualquer pessoa que opte por utilizar produtos eco-friendly são os verdadeiros heróis do planeta. A Burger Heroes é uma empresa fictícia mas que a grande maioria da população já almeja para o futuro onde empreender também significa cuidar do meio ambiente. Por meio desta aplicação web é possível que o atendimento adicione pedidos a mesa do cliente, inserindo o numero e o nome da pessoa que está atendendo e assim, envia-los para a cozinha. A cozinha recebe o pedido enviado pelo atendimento para inciar seu preparo e, logo que o pedido estiver pronto, envia-lo de volta ao atendimento para que seja realizada a entrega. Na aplicação haverá uma aba de histórico de pedidos onde os mesmos permanecerão sendo exibidos, mesmo que finalizados, ainda portando o ID, duração do preparo e entrega.

Se preferir não se cadastrar nesta aplicação web, será possível realizar o login através dos e-mails e senhas previamente cadastrados:

Para acessar o atendimento - Email: [email protected] Senha: 123456

Para acessar cozinha - Email: [email protected] Senha: 123456


3. Futuro do Projeto

Para as próximas implementações (v2.0) iremos melhorar a segurança de nossos usuários acrescentando uma Política de Privacidade e Cookies bem como um termo de usuário para melhor atender ao disposto na Lei Geral de Proteção de Dados Pessoais (LGPD). Pensando em um modelo futurista será criado um ambiente exclusivo para cadastro, login e senha do próprio cliente. Desta forma, será possível que o cliente escolha se quer realizar o seu proprio atendimento. Esta projeto também será refatorado. Será aprimorada a responsividade para os tablets e iremos acrescenta-la para celulares. Serão implementadas melhorias na estilização através do CSS. Também serão implementados novos testes assíncronos e unitários. Acrescentaremos também novos recursos para melhorar a acessibilidade na aplicação.


4. PROTO PERSONAS

Criamos as proto personas da nossa aplicação:

Proto persona 1

Proto persona 2

Proto persona 3

Proto persona 4


5. PESQUISA DE USUÁRIOS

Realizamos uma pesquisa para validarmos as proto personas. A pesquisa obteve a participação de 8 pessoas que forneceu os seguintes resultados:

Tematica

Auto Atendimento

Tempo de Preparo

Controle de Pedidos

Sustentabilidade


6. HISTORIAS DE USUÁRIO

User History 1

User History 2

User History 3

User History 4


7. FLUXOGRAMAS

Com base nas historias de usuário nós criamos os fluxogramas para cada uma delas.

Fluxograma 1

Fluxograma 2

Fluxograma 3

Fluxograma 4


8. PROTÓTIPO E TESTES DE USABILIDADE

Visualizamos uma aplicação que refletisse as cores marcantes dos super heróis dos quadrinhos e escolhemos a fonte que remetesse as utilizadas nos HQ's para tornar a experiência mais divertida.

Prototipo 1 Paleta de Cores

Com o auxílio do figma também criamos um protótipo interativo para ser utilizado nos testes iniciais de usabilidade.


9. DEMONSTRAÇÕES DA APLICAÇÃO WEB

Versão Web

Versão Tablet


10. TECNOLOGIAS E FERRAMENTAS UTILIZADAS

  • Planejamento: Trello
  • Protótipos: Figma
  • HTML5 html5
  • CSS3 css3
  • JavaScript JS
  • React react
  • JSX jsx
  • Node JS node
  • Heroku heroku
  • Jest jest
  • Git git
  • GitHub & GitHubProjects github
  • Visual Studio Code vscode
  • API

11. DESENVOLVEDORAS DO PROJETO

Fernanda
Fernanda Monteiro
Natalie
Natalie Silva

About

Quarto Projeto desenvolvido no bootcamp de front-end da Laboratoria São Paulo (turma SAP007) por Fernanda Monteiro (@Fe-Monteiro) e Natalie Silva (@natalieiss). A Burger Heroes é uma hamburgueria fictícia e sua aplicação foi construída em um formato que facilitasse o atendimento e cozinha agilizar os pedidos do estabelecimento.

Topics

Resources

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 69.9%
  • CSS 29.6%
  • HTML 0.5%