Sobre  |  Orientações  |  O que funciona  |  Demostração do site  |  Desenvolvedor

🍔 Projeto Final do Frontend: Ifuture

🖊️ Este projeto foi desenvolvido como parte do bootcamp ministrado pela Labenu e tem como objetivo criar um site para dispositivos móveis, inspirado na plataforma de entrega de refeições online iFood. Construído com React JS, o projeto simula uma plataforma de entrega de alimentos online, oferecendo aos usuários a possibilidade de navegar por diferentes categorias de alimentos, fazer pedidos e acompanhar o status de seus pedidos em tempo real.

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

Ifuture

🚨 Orientações para acesso

• Login

E-mail: ifuture@gmail.com

Senha: 123456

• Cadastro

1. Preencher o formulário de dados pessoais e endereço;
2. Caso já tenha cadastro basta preencher o campo E-mail e senha na página de login;

🛠 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.

📱 Demostração do site

👀 Prévia

👷🏻‍♂ Desenvolvedor

Vinicius Duarte 👩🏻‍💻

Voltar para o topo 🔝