Skip to content

4º Projeto desenvolvido no Bootcamp da <Laboratoria>. A Burger Heroes é uma hamburgueria fictícia e sua aplicação foi construída em um formato que facilitasse o atendimento dos garçons ao realizar o pedido do cliente e para a cozinha ao organizar as ordens dos pedidos assim como o tempo de preparo de cada um, visando um atendimento ágil e de qua…

Notifications You must be signed in to change notification settings

Fe-Monteiro/SAP007-Burger-Queen-API-Client

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

54 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Quarto Projeto - Burger Queen (API Client)

Índice

1. Introdução

burger heroes

Burger Heroes

A hamburgueria Burger Heroes foi o quarto projeto desenvolvido no Bootcamp da Laboratória. 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.


2. Resumo do projeto

A Burger Heroes busca oferecer aos seus clientes um atendimento ágil e com qualidade, com essa intenção, nada melhor do que facilitar a comunicação entre clientes, garcons e cozinha.
Buscamos com essa aplicação fornecer aos clientes uma experiência única, adotamos uma referência aos heróis da Marvel e DC, mas na realidade acreditamos que qualquer pessoa que opte por utilizar produtos eco-friendly são os verdadeiros heróis do planeta, por esse motivo a Burger Heroes utiliza produtos e utensílios que não agridem o meio ambiente, porque acreditamos que os verdadeiros heróis são os nossos próprios clientes.
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.

Para ingressar nesse mundo dos heróis, há a possibilidade de efetuar seu próprio cadastro com seu e-mail e senha ou se preferir, pode usar os acessos abaixo:

# Login ATENDIMENTO
📩 atendimento@burgerheroes.com
🔐 123456

# Login COZINHA
📩 cozinha@burgerheroes.com
🔐 123456

3. Futuro do Projeto

Futuramente 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 nos forneceram 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

Visamos 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
  • HTML 5
  • CSS3
  • JavaScript Vanilla
  • Node.js
  • React
  • API
  • Git
  • GitHub
  • GitHub Project
  • Jest
  • JSX
  • Visual Studio Code
  • Firebase
  • Figma
  • Heroku
  • Slack
  • Trello

11. Considerações.

Burger Heroes foi desenvolvido por Fernanda Monteiro e Natalie Silva e formamos uma incrível dupla, sendo nosso quarto projeto a ser realizado no Bootcamp da <Laboratória> 💛 na turma SAP007 e nos ensinou sobre:

  • Manipulação do DOM, Objetos e Array;
  • Funções;
  • Consumo de banco de dados externo;
  • React;
  • Desenvolvimento de testes unitários;
  • Responsividade;
  • UX Design;
  • GitHub;
  • Eslint;
  • Aprender a aprender;
Fernanda
Fernanda Monteiro
Natalie
Natalie Silva

Agradecemos por esse grande desafio, pela dupla fantástica e pelo apoio das mentoras, psicólogas e colegas de squad.

About

4º Projeto desenvolvido no Bootcamp da <Laboratoria>. A Burger Heroes é uma hamburgueria fictícia e sua aplicação foi construída em um formato que facilitasse o atendimento dos garçons ao realizar o pedido do cliente e para a cozinha ao organizar as ordens dos pedidos assim como o tempo de preparo de cada um, visando um atendimento ágil e de qua…

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published