📲 Aplicação web com foco exclusivo na versão mobile;
👨‍💼📊📈📁 Grupo3: fourFoodA;

📲 User demo Link Surge

• Login: IfutureTeste@gmail.com
• Senha: 123456

⚛️ Tecnologias utilizadas

• React Js
• Styled Components
• Design Systems (Chakra UI)
• Axios

🖥️ Libs para instalar e visualizar o projeto

• 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

📷 Imagens

👨‍💻 Funcionalidades do Projeto

🔒 Fluxo de Login/Cadastro

• 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;

🔎 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

🛒 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
• 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)

🧙‍♀️ 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?)

🧑‍💻 Desenvolvedores

Maycon Coutinho	Gideony Ewerton	Aline Chagas	João Victor	Gustavo Monteiro