gustvoassuncao / ifuturefood Goto Github PK

Web App Alimentação ☕

JavaScript 96.61% CSS 0.72% HTML 2.67%

ifuturefood's Introduction

📲 User demo Link Surge

Chakra UI -> npm i @chakra-ui/react @emotion/react @emotion/styled framer-motion
Chakra Icons -> npm i @chakra-ui/icons
CPF Mask -> npm install react-imask
Axios -> npm i axios
Styled Components -> npm i styled-components
React Icons (Hide/show eyes) -> npm install react-icons --save
Chakra Alert -> npm i @chakra-ui/alert

Tela vermelha com logo branca, antes de ir à página de Login;
O usuário deve ser capaz de criar uma conta, cadastrando seus dados pessoais e seu endereço;
Usar máscara de CPF, para usuário digitar e o input aplicar pontuação automático;
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;

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

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

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, 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)

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?)