Sobre  |  Orientações  |  O que funciona  |  Em desenvolvimento  |  Imagens do Site  |  Desenvolvedores

🍔 Projeto Final do Frontend: Future Eats

🖊️ Projeto desenvolvido conforme proposta do bootcamp ministrado pela Labenu baseado em React JS, para o desenvolvimento de um web site para dispositivos mobile inspirado no Uber Eats. O projeto simula uma plataforma de entrega de refeições e alimentos online.

🔗 Link Surge - link para visualização do site

FutureEats

🚨 Orientações para acesso

• Login

  E-mail: future4@gmail.com

  Senha: 123456

• Cadastro

1. Preencher o formulário de dados pessoais e endereço;
2. Recarregar a página e efetuar login com dados cadastrados;
3. Recarregar o feed para que as informações apareçam.

🛠 Tecnologias

Ferramentas usadas na construção do projeto:

• React JS
• Styled-components
• Design System: Material UI e Ant Design
• Customs e React Hooks
• React Router DOM
• Integração com API
• Axios

✔️ O que funciona

👤 Login/Cadastro

• Caso já possua conta, o usuário consegue fazer login;
• 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, é mostrada uma mensagem de erro clara.

🔎 Busca e Seleção de Restaurantes

• O usuário é capaz de visualizar uma lista com todos os restaurantes;
• O usuário é capaz de buscar um restaurante por nome;
• O usuário é capaz de filtrar os restaurantes por categoria;
• O usuário é capaz de clicar no card de um restaurante para visualizar a tela com seu cardápio.

🗒️ Cardápio do Restaurante

• O usuário é capaz de visualizar as informações do restaurante (foto, nome, tipo, tempo de entrega, frete, endereço);
• O usuário é capaz de visualizar os pratos do restaurante, divididos em categorias (exemplo: principais, sobremesas, entradas, etc);
• O usuário é capaz de visualizar as informações de cada prato (foto, nome, descrição, preço);
• O usuário é capaz de adicionar pratos no carrinho e selecionar a quantidade de cada prato.

🛒 Carrinho e Finalizar Compra

• O usuário é 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 consegue visualizar, no topo da tela, o endereço de entrega;
• O usuário consegue visualizar o preço total da compra, calculado corretamente de acordo com o preço e quantidade de cada item adicionado;
• O usuário consegue selecionar uma forma de pagamento dentre as opções de cartão e dinheiro;
• O usuário consegue concluir um pedido;
• Quando o usuário faz um pedido é mostrado um banner de "Pedido em Andamento" com os dados do pedido.

✏️ Perfil, Editar Perfil e Histórico de Pedidos

• O usuário é capaz de visualizar seus dados pessoais e endereço;
• O usuário é 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 recebe uma mensagem de erro clara;
• O usuário deve ser capaz de visualizar o seu histórico de pedidos concluídos.

🚧 Em desenvolvimento

• Após finalizar o cadastro, o usuário é redirecionado para a tela de lista de restaurantes;
• O usuário deve ser capaz de remover itens do carrinho;
• Incluir loading em alguns locais.

📱 Imagens do site

Clique aqui para vizualizar as imagens

👀 Prévia

👷🏻‍♂ Desenvolvedores

Ana Karine 👩🏻‍💻

Geyson Mesquita 👨🏽‍💻

Gledson Lucas 🧑🏻‍💻

Vítor Duarte 🧑🏻‍💻

Thiago Henrique 👨🏽‍💻

Voltar para o topo 🔝