Git Product home page Git Product logo

alves-labe-food6's Introduction

Projeto iFuture

Tela Inicial

📄 Sobre

Projeto final do curso de Front-End da Labenu. A ideia foi desenvolver um aplicativo parecido com o Ifood, onde o usuário faz os pedidos, acessa o carrinho de compras, finaliza a compra, altera seus dados e verifica o tempo de espera do pedido.

🔗 Link para acessar

keen-interest.surge.sh/

🛠 Tecnologias

Páginas iFuture:

  • Área pessoal de Login e Cadastro.
  • Home com restaurantes e tipos de comidas.
  • Pedido e Confirmação com detalhes do pedido.
  • Perfil com dados do cliente.
  • Meu Carrinho com informações dos pedidos, quantidade de itens, formas de pagamentos e valores.

🧩 Wireframe

4food

📲 Imagens Mobile

  • Página inicial

login

  • Página Restaurantes

restaurantes

  • Página Busca por Restaurantes

restaurantes

  • Página Cardápio do Restaurante

cardapio

  • Página Adicionando Item do Cardápio

adicionando item

  • Página Carrinho confirmando Pedido

confirmando pedido

confirmando pedido

pedido confirmado

  • Página Perfil com histórico de Pedidos e edição de Cadastro

perfil

💻 Funcionalidades

Fluxo de Login/Cadastro:

  • O usuário é 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 recebe uma mensagem de erro.
  • Após finalizar o cadastro, o usuário é 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.

Perfil, Editar Perfil e Histórico de Pedidos:

  • O usuário deve ser capaz de visualizar e 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.
  • O usuário deve ser capaz de visualizar o seu histórico de pedidos concluídos

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.

👩‍💻 Desenvolvedores

  • Arthur Grossi Fernandes
  • Bruno Monteiro
  • Guilherme Tocci
  • João Gabriel Colodetti do Carmo
  • Rafael Santos

alves-labe-food6's People

Contributors

brunomon2812 avatar guilhermetocci avatar jgcolodetti avatar labenu-bot avatar tuba17000 avatar ymarcelomaia avatar zfaelsantos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.