Projeto Final do módulo de Front-End - Turma Gebru

Rappi4A

image

Link do Surge:

like-industry.surge.sh/

O que funciona:

  • Fluxo de Login/Cadastro

    • O usuário deve ser capaz de criar uma conta, cadastrando seus dados pessoais e seu endereço

    • Caso insira alguma informação incorreta ou deixe de inserir alguma informação obrigatória, o usuário deve receber uma mensagem de erro clara

    • Após finalizar o cadastro, o usuário deve ser redirecionado para a tela de lista de restaurantes

    • Busca e Seleção de Restaurantes

    • O usuário deve ser capaz de visualizar uma lista com todos os restaurantes

    • O usuário deve ser capaz de buscar um restaurante por nome

    • O usuário deve ser capaz de filtrar os restaurantes por categoria

    • O usuário deve ser capaz de clicar no card de um restaurante para visualizar a tela com seu cardápio

  • Cardápio do Restaurante

    • O usuário deve ser capaz de visualizar as informações do restaurante (foto, nome, tipo, tempo de entrega, frete, endereço)

    • O usuário deve ser capaz de visualizar os pratos do restaurante, divididos em categorias (exemplo: principais, sobremesas, entradas, etc)

    • O usuário deve ser capaz de visualizar as informações de cada prato (foto, nome, descrição, preço)

    • O usuário deve ser capaz de adicionar pratos no carrinho e selecionar a quantidade de cada prato

    • O usuário deve ser capaz de remover itens do carrinho

    • Carrinho e Finalizar Compra

    • O usuário deve ser capaz de visualizar a lista de itens que adicionou ao carrinho. Caso não tenha adicionado nenhum item, deverá ver uma mensagem de "Carrinho Vazio"

    • O usuário deve visualizar, no topo da tela, o endereço de entrega

    • O usuário deve visualizar o preço total da compra, que deve ser corretamente calculado de acordo com o preço e quantidade de cada item adicionado

    • O usuário deve ser capaz de selecionar uma forma de pagamento dentre as opções de cartão e dinheiro

    • O usuário deve ser capaz de concluir um pedido e, ao fazê-lo.

O que não funciona:

  • Exibição do banner de "Pedido em Andamento" com os dados do pedido (esse banner fica ativo durante X minutos, sendo X o tempo de entrega do restaurante)

  • Perfil, Editar Perfil e Histórico de Pedidos

    • O usuário deve ser capaz de visualizar seus dados pessoais e endereço
    • O usuário deve ser capaz de editar seus dados pessoais e endereço
    • Ao editar as informações, caso insira alguma informação incorreta ou deixe de inserir alguma informação obrigatória, o usuário deve receber uma mensagem de erro clara
    • O usuário deve ser capaz de visualizar o seu histórico de pedidos concluídos (após o tempo de entrega do estabelecimento, o seu pedido aparece nessa lista?)

Desenvolvedores

  • Bruno Moura
  • Camila Graciano
  • Jorge Guilherme
  • Lyon Escalli
  • Rodrigo Daniel dos Santos Assis

Tecnologias utilizadas

O projeto foi desenvolvido usando as seguintes tecnologias:

  • React.js
  • Styled-Components
  • Axios
  • Hooks
  • Material UI

💾 Como baixar o projeto Primeiro instale o Git, Node.jS + npm

Clonar o repositório

git clone https://github.com/future4code/Gebru-labe-food2.git

Instalar as dependências

  • npm install
  • npm install @mui/material @emotion/react @emotion/styled

Rodar o projeto

npm run start