šŸ’» Projeto Labefood

Esse projeto constitui em criar um site responsivo, com layout para celular. Um clone do app Rappy!

āœ… 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)
  • 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
  • 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?)

āŒ O que nĆ£o funciona

  • CardĆ”pio do Restaurante

    • 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 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, deve ver um 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)

šŸ§Ŗ Tecnologias Utilizadas

Esse projeto foi desenvolvido com as seguintes tecnologias:

  • [React];
  • [Axios];
  • [Styled-Components];
  • [React Router Dom];
  • [Material UI];

šŸ“ Layout do Projeto UX by Camila Mizutani.

šŸ”— Link do Surge

Acesse o projeto pelo link abaixo:

šŸ“š DocumentaĆ§Ć£o de API's

Run in Postman

šŸ¤ Colaboradores

  • Alison Lucas Ribeiro
  • Amanda Viana Fajardo
  • Camila Donda Pereira
  • Mariana Abdias GonƧalves
  • Rafael Santos Beserra

šŸ”– Layout projeto

1 2 3 4 5 6 7 8 9 10 11