Mr Simpsons

Status ⌛

Índice

• Índice
• 1. Introdução
• 2. Resumo do projeto
• 3. Protótipo
• 4. Paleta de Cores
• 5. História de Usuário
• 6. Tecnologias Utilizadas
• 7. Como usar
• 8. Desenvolvedoras

1. Introdução

Mr Simpsons é uma pequena hamburgueria que está crescendo e para otimizar o atendimento foi desenvolvido uma interface para realizar os pedidos.

Você pode acessar a aplicação AQUI.

Para acessar, você pode utilizar o usuário e senha abaixo:

Usuário	Senha
atende@simpsons.com	123456

2. Resumo do projeto

Mr Simpsons tem 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.

Este projeto tem duas áreas: interface (cliente) e API (servidor). Nosso cliente nos pediu para desenvolver uma interface que se integre com a API.

Estas são as informações que temos do cliente:

Somos Mr Simpsons, um fast food 24hrs.

A nossa proposta de serviço 24 horas foi muito bem recebida e, para continuar a crescer, precisamos de um sistema que nos ajude a receber pedidos de nossos clientes.

Nós temos 2 menus. Um muito simples para o café da manhã:

Ítem	Preço R$
Café americano	5
Café com leite	7
Sanduíche de presunto e queijo	10
Suco de fruta natural	7

E outro menu para o resto do dia:

Ítem	Preço
Hambúrgueres	R$
Hambúrguer simples	10
Hambúrguer duplo	15
Acompanhamentos	R$
Batata frita	5
Anéis de cebola	5
Bebidas	R$
Água 500ml	5
Água 750ml	7
Bebida gaseificada 500ml	7
Bebida gaseificada 750ml	10

Importante: Os clientes podem escolher entre hambúrgueres de carne bovina, frango ou vegetariano. Além disso, por um adicional de R$ 1,00 , eles podem adicionar queijo ou ovo.

Nossos clientes são bastante indecisos, por isso é muito comum que eles mudem o seu pedido várias vezes antes de finalizar. A interface mostra os 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.

3. Protótipo

Para criação dos Protótipos desenvolvido na ferramenta Figma.

Tablet

4. Paleta de Cores

5. História de Usuário

6. Tecnologias Utilizadas

• HTML;
• CSS;
• ReactJS;
• Notion;
• Figma;
• NodeJS;
• Git e GitHub;
• Netlify;

7. Como usar

Você precisará usar o Node.js

Clonar o projeto

$ git clone https://git@github.com:juliabb/SAP007-burger-queen-api-client.git

Instalar as dependências do projeto

$ npm install or yarn

Iniciar a aplicação

$ npm start or yarn start

Realizar os testes unitários

$ npm test or yarn test

Criar o aplicativo para produção

$ npm run build or yarn build

8. Desenvolvedoras

Julia Benedicto

Tatiane Mendonça