Função/Proposta:

mostrar um resumo dos dados do cliente, endereço e historico de pedidos

Definição de feito:

• mostrar resumo dos dados do cliente
• mostrar botao para edição dos dados do cliente
• mostrar resumo do endereço do cliente
• mostrar botao para edição do endereço do cliente
• mostrar resumo dos pedidos do cliente
• renderizar o componente footer
• mostrar a informação que não existem pedidos realizados (quando nao houver)

API

Modelo:
(https://zpl.io/bJ05Dv3)

Função/Proposta:

Permitir a busca por nome do restaurante

Definição de feito:

• quando digitado o nome de um restaurante, a lista de restaurantes deve retornar somente os contidos na busca
• retorna msg informando quando nao encontrou nenhum restaurante
• renderizar o componente C16 (historyDivider)

Modelo:
(https://zpl.io/awxL30d)

Responsável pelos ícones de aacesso da parte inferior do App

Responsável por esse card: @EloisaFagundes

Checklist

• Estlizar com material-ui
• Rotas para as páginas
• Ficar vermelho ao ser clicado

Contém nome da página que o usuário está acessando. Pode ou não ter uma seta para voltar para a página anterior.

Responsável por esse card: @EloisaFagundes

Checklist

• estilizar com Material-UI
• Adiciona título chumbado
• muda para variável o título

Esse componente MOSTRA todos os dados do perfil, com possibilidade de editá-los e histórico de pedidos

responsável por esse card: @lfvirtuoso

CHECKLIST

• componente HEADER

1. • Deve conter o nome da página

• componente CARD DADOS DO USUÁRIO

1. • Deve conter dados do usuário Nome, e-mail e CPF
2. • BOTÃO para editar dados do USUÁRIO

• componente CARD DADOS DO USUÁRIO

1. • De conter dados do ENDEREÇO CADASTRADO
2. • BOTÃO para editar dados do ENDEREÇO CADASTRADO

• componente CARD PEDIDOS

1. • De conter NOME DO RESTAURANTE
2. • De conter DATA DO PEDIDO
3. • De conter SUBTOTAL

• componente CONTAINER DE PEDIDOS

• De conter título HISTÓRICO DE PEDIDOS

• De conter CARDS com os pedidos feitos

• API

• ROTAS FOOTER

1. • Deve conter um ÍCONE CLICÁVEL de HOME
2. • Deve conter o ÍCONE CLICÁVEL de CARRINHO
3. • Deve conter ÍCONE CLICÁVEL de PERFIL

Esse componente MOSTRA O PERFIL DE HISTÓRICO DE PEDIDOS VAZIOS.

responsável por esse card: @lfvirtuoso

CHECKLIST

• componente HEADER

1. • Deve conter o nome da página

• componente CONTAINER

1. • título HISTÓRICO DE PEDIDOS
2. • Mensagem VOCÊ NÃO REALIZOU NENHUM PEDIDO

• componente FOOTER

1. • Deve conter um ÍCONE CLICÁVEL de HOME
2. • Deve conter o ÍCONE CLICÁVEL de CARRINHO
3. • Deve conter ÍCONE CLICÁVEL de PERFIL

• API

• ROTAS FOOTER

1. • Deve conter um ÍCONE CLICÁVEL de HOME
2. • Deve conter o ÍCONE CLICÁVEL de CARRINHO
3. • Deve conter ÍCONE CLICÁVEL de PERFIL

Função/Proposta:

Mostrar o texto do detalhe (se necessario) e o botão de voltar

Definição de feito:

• usar goBack() no botão voltar
• renderizacao do texto opcional via props

Modelo:

Função/Proposta:
Mostrar a lista de restaurantes disponíveis para o usuário

Definição de feito:

• pagina segura
• renderizar array de restaurantes no componente de restaurantes (card de restaurantes)
• renderizar componente de busca
• renderizar componente footer
• permitir filtro por categorias

API

Modelo:
(https://zpl.io/VKLpdNq)

Form para cadastro de novo usuario contendo: Nome, CPF, email, senha e confirmação de senha.
Criação do usuario no endpoint
Fidelização ao layout proposto
validação dos tipos de campos baseado em pattern

• Endpoint
• Estilo
• Validação

quando tentar colocar um novo pedido, com um pedido ainda não entregue

comunicar com endpoint para cadastro de endereco
layout da tela
quando login nao receber endereco, redirecionar automaticamente

Função/Proposta:

Sera usado por outras chamadas
Mostra uma imagem destaque do restaurante, nome, tempo de entrega e frete

Definição de feito:

• card com renderizacao via props para todos os dados
• ao clicar no card, é encaminhado para o componente que detalha o restaurante
• se nao tiver frete, mostrar frete gratis

Modelo:
(https://zpl.io/VKLpdNq)

Essa página é acionada quando o usuário clica no input de Busca no FEED. Ela é responsável por mostrar uma mensagem BUSQUE POR NOME DE RESTAURANTE .

responsável por esse card: @EloisaFagundes

CHECKLIST

• componente HEADER

1. • Deve conter o nome da página BUSCA

• componente BARRA DE BUSCA

1. • Deve conter uma lupa de busca
2. • Deve conter o placeholder/LABEL Restaurante

• **componente CONTAINER **

1. • Deve conter a mensagem BUSQUE POR NOME DE RESTAURANTE enquanto o usuário digita a busca.

• API ????????

1. • Get Restaurants

Esse componente edita o endereço que o usuário colocou inicialmente no cadastro.

responsável por esse card: @lfvirtuoso

Componente Endereço

Deve conter perfil do usuário com as informações Logradouro, número, complemento, bairro, cidade, estado com opção de um botão para salvar.

CHECKLIST

• componente HEADER

1. • Deve conter o nome da página
2. • Deve conter botão para voltar a página anterior "<"

• componente CONTAINER

1. • Input com preenchimento obrigatório Logradouro
2. • Input com preenchimento obrigatório Número
3. • Input com preenchimento NÃO obrigatório Complemento
4. • Input com preenchimento obrigatório Bairro
5. • Input com preenchimento obrigatório Cidade
6. • Input com preenchimento obrigatório Estado
7. • BOTÃO salvar

• API

• ROTAS

• Editar Endereço -> Meu Perfil

Função/Proposta:

permitir ao usuario alterar informacoes cadastrais

Definição de feito:

• carregar dados do usuario nos inputs
• comunicar com endpoint
• Quando encerrado, voltar para Feed/Home

API

Modelo:
(https://zpl.io/awxL3mJ)

Busca através do Id com retorno do restaurante desejado
Renderização de lista com produtos do restaurante.
Fidelização ao layout proposto
Botão adicionar e remover item do carrinho (função vai vir via props?)
Adicionar os itens no carrinho (função vai vir via props?)

• Endpoint de buscar a lista de produtos

• Estilização

• botão adicionar e remover itens no carrinho funcional

aplicar a correcao para local e digitos

.toLocaleString("pt-BR", {minimumFractionDigits: 2} )

componente foi reaproveitado do componente C9

Função/Proposta:

mostrar ao usuario os produtos adicionados ao carrinho, e também informações de subtotal, pagamento, finalizacao de pedido, etc.

Definição de feito:

• mostrar mensagem quando carrinho estiver vazio
• renderizar produtos adicionados ao carrinho
• realizar a soma dos produtos contidos no carrinho
• solicitar ao usuario a forma de pagamento (somente 1 pode estar selecionada)
• gravar o pedido no endpoint
• permitir a remocao do produto
• renderizar o componente de footer
• renderizar o componente de goback
• limpar carrinho depois de pedido confirmado

API

Modelo:
(https://zpl.io/2pjy3BJ)

Essa página deve retornar o resultado da busca de restaurante da página Search Placeholder com os nomes do restaurante buscado.

responsável por esse card: @EloisaFagundes

CHECKLIST

• componente HEADER

1. • Deve conter o nome da página
2. • Header com para voltar "<".

• componente BARRA DE BUSCA

1. • Deve conter uma lupa de busca
2. • Deve conter o placeholder/LABEL Restaurante

• container com lista de restaurantes

1. • Deve conter todos os resultados de acordo com a busca

• API

1. • Get Restaurants (FILTRADO)

Função/Proposta:

Mostrar os detalhes do restaurante
Mostrar os produtos do restaurante, separados por categoria

Definição de feito:

• renderizacao do componente de restaurante (C6)
• renderizacao do componente de produtos-cardapio (C9) para cada item dos produtos do restaurante
• renderizar o componente C16 (historyDivider)
• renderizar o componente C15 (footer)

API

Modelo:
(https://zpl.io/2Gw7jmm)

Função/Proposta:

Permitir que seja cadastrado ou alterado o endereço do usuário

Definição de feito:

• validação do formulario
• redirecionamento para tela Feed/Home quando finalizado
• substituição do token gerado após edicao no localstorage
• renderizar o componente C16 (historyDivider)

API

Modelo:
(https://zpl.io/2jRj3kr)

Função/Proposta:

Efeito visual ao entrar na página
Redirecionamento do usuário para o local correto

Definição de feito:

• Efeito de Fade na abertura
• Redirecionamento para login se não tiver token no localstorage
• Redirecionamento para home se tiver token no localstorage

Modelo:
(https://zpl.io/Vxv83Km)

Função/Proposta:

permitir o acompanhamento do pedido em rota de entrega

Definição de feito:

• card que mostre as informações retornadas da API
• mostrar nome do restaurante e subtotal dos produtos

API

Modelo:
(https://zpl.io/2Gw7jz4)

componente para ser reutilizado e ativar o goBack.
deve ter props para mostrar texto quando necessário.

Função/Proposta:

Permite ao usuário se cadastrar na plataforma

Definição de feito:

• Validação de formulario
• Validação campo email
• Mascara do campo cpf
• mostrar senha com botão
• Validação da senha e confirmação de senha iguais
• Validação no endpoint
• Mostrar interações uteis do backend para o usuario (Email / CPF ja cadastrado)
• redirecionar para cadastro de endereço apos cadastro do usuário
• Layout em fidelidade ao modelo
• renderizar o componente C16 (historyDivider)

API
Modelo:
(https://zpl.io/a8vjnyw)

Função/Proposta:

Permite ao usuario inserir suas credenciais de acesso

Definição de feito:

• Validação do formulário
• Validação das credenciais no endpoint
• Botão para criar novo cadastro
• Salvar token no localstorage
• Salvar user no localstorage
• validar a propriedade hasAddress fazendo o redirecionamento se for false para cadastro de endereço
• Layout em fidelidade ao modelo

API

Modelo:
(https://zpl.io/a8vjnyw)

Pagina inicial com fundo vermelho
ao clicar, levar para:

login se nao tiver token
home se tiver token

Função/Proposta:

card que renderiza os produtos do restaurante e permite adicao/remocao no carrinho

Definição de feito:

• separação por categrias
• mostrar imagem do produto (via props)
• mostrar titulo do produto (via props)
• mostrar descricao do produto (max 2 linhas) (via props)
• mostrar preço do produto (via props)
• mostrar botao de adicao ou remocao do produto
• ao clicar no botão adicionar, deve ser solicitado a quantidade de unidades que vão para o array do carrinho
• ao clicar em remover, o carrinho não deve mais ter o produto no array

Modelo:

Função/Proposta:

Criar um footer com 3 icones, que levam a sessões especificas

Definição de feito:

• Icone Home leva para pagina Feed/home
• Icone carrinho leva para pagina carrinho de compras ( usar badges para quantidade)
• Icone Pessoa leva para historico do usuario
• Icones ativos com cor em destaque aos demais
• Chamar o componente "Pedido em andamento"

Modelo:

A partir de um usuario ja cadastrado (Email e senha) realizar o login utilizando o Endpoint específico
Fidelidade ao layout proposto no Zeplin
Opção de redirecionamento a pagina de Criar usuário (Botão)

• Endpoint
• Estilo
• Router

Esse componente edita o endereço que o usuário colocou inicialmente no cadastro. Deve conter perfil do usuário com as informações descritas abaixo.

responsável por esse card: @lfvirtuoso

CHECKLIST

• componente HEADER

1. • Deve conter o nome da página
2. • Deve conter botão para voltar a página anterior "<"

• componente CONTAINER

1. • Input com preenchimento obrigatório Nome
2. • Input com preenchimento obrigatório E-mail
3. • Input com preenchimento obrigatório CPF
4. • BOTÃO salvar

• API

• ROTAS

• Editar Cadastro -> Meu Perfil

Essa página deve mostrar todos os restaurantes em cards, onde é possível clicar. Uma barra de buscas pelo nome do restaurante e um menu que separa os restaurantes por culinária. Um footer com 3 botões onde o usuário é capaz de navegar entre a home, seu carrinho com pedidos e seu perfil.

responsável por esse card: @EloisaFagundes

CHECKLIST

• componente HEADER

1. • Deve conter o nome da página

• componente BARRA DE BUSCA

1. • Deve conter uma lupa de busca
2. • Deve conter o placeholder/LABEL Restaurante

• componente CARD DE RESTAURANTE

1. • Deve conter uma foto do produto/restaurante
2. • Deve conter o NOME DO RESTAURANTE
3. • Deve conter tempo estimado de ENTREGA
4. • Deve conter FRETE

• componente FOOTER

1. • Deve conter um ÍCONE CLICÁVEL de HOME
2. • Deve conter o ÍCONE CLICÁVEL de CARRINHO
3. • Deve conter ÍCONE CLICÁVEL de PERFIL

• Rotas das Páginas

1. • Feed -> Home
2. • Feed -> Carrinho
3. • Feed -> Perfil

• API

1. • Get Restaurants