🛒 Ingredientes-em-Foco

💬 Sobre o projeto

O supermercado SQ encontra dificuldades na gestão de seus produtos em relação a: apresentar para os clientes os produtos industrializados e ter a certeza se há ou não a presença dos ingredientes em sua composição e desse modo, aumentar a inclusão e facilitar a vida de quem tem alergias alimentares, em especial as mais graves.

👥 Atores do Sistema

Atores	Descrição
Cliente	O cliente pode visualizar, cadastrar ou editar alimentos na comunidade.
Administrador	O administrador poderá visualizar e criar postagens na comunidade, além de poder editar ou excluir postagens dos usuários (cliente, fornecedor). O administrador poderá banir usuários que não estejam comprindo com as normais da comunidade.
Fornecedor	Os fornecedores poderão visualizar, cadastrar e editar alimentos que fornecem.

🛠 Funcionalidades

Funcionalidades	Descrição
RF01	Possibilidade de cadastrar, visualizar, editar e deletar produtos (utilize banco de dados).
RF02	O produto deve ter nome e conter seus ingredientes, imagem(opcional).
RF03	Possibilidade de pesquisar por alimentos e visualizar os ingredientes.
RF04	Possibilidade de filtrar alimentos que não tenham determinados ingredientes.
RF05	Possibilidade de filtrar alimentos que tenham determinados ingredientes.

🖥 Telas identificadas para o sistema

Telas em gerais

• Tela visão do usuário
• Tela visão do Administrador
• Tela do ADM p/ gerenciar produtos
• Tela do ADM p/ gerenciar fornecedores
• Tela visão do Fornecedor
• Tela de login
• Tela de cadastro
• Tela com filtro e produtos

Página inicial

• Barra de busca
• Ícone de login e cadastro
• Barra de navegação
• Carrossel com opções de produtos
• Tópicos sobre:
  • Quem Somos?
  • Alergia Alimentar.
  • Principais alergênicos.
• Botão cadastrar

Tela de login

• Usuário
• Senha
• Esqueci a senha
• Opção para se cadastrar (Ir para formulário de cadastro)

Tela de formulário de cadastro

• Opção de cadastrar Cliente ou Fornecedor
• Barra de nome
• '' de email
• '' de data de nascimento
• '' de CPF
• '' de senha
• Botão de cadastro

Tela de cadastrar produto

• Nome do produto
• Nome da empresa/fabricante
• Área de ingredientes
• Área de selecionar uma foto do produto
• Botão de cadastrar

Tela de visão de usuário comum

• Título com a palavra Produtos
• Cards com os produtos
• Informações sobre ingredientes e fabricante
• Foto do produto
• Botão de cadastrar produtos

Tela de filtro

• Título com palavra chave pesquisada
• Barra de busca
• Barra de opção de filtragem
• Cads com resultado da busca

Tela de visão do administrador

• Mensagem de boas vindas p/ o ADM
• Três links para selecionar o tipo de usuário que ele irá administrar
• Cards de produtos com opções de editar

💡 Modelo de Dados Conceitual

💡 Modela de Dados Lógico

🔁 Passo-a-passo para fazer a clonagem do projeto (repositório)

# Comando para fazer a clonagem do repositório:
$ git clone https://github.com/heitordiasdev/Ingredientes-em-Foco.git

# Acesse a pasta do projeto:
$ cd Ingredientes-em-Foco

# Instale todas as dependências:
$ npm install

# Lembre-se! Antes de dar o "npm start" no projeto, inicialize a API com o mesmo comando.

# A API se encontra no repositório:
# https://github.com/heitordiasdev/API-Ingredientes-em-Foco

# Caso esteja passando a URL base do axios com o arquivo ".env", verifique se o arquivo
# ".env" está contendo este comendo abaixo dentro do arquivo ".env". 
$ REACT_APP_API="http://localhost:8080".

# Execute o comando abaixo para iniciar o servidor:
$ npm start

# Copie a URL abaixo e cole no seu navegador:
$ http:/localhost:3000

# Obs: Certifique-se que as informações deste projeto estejam batendo com as da sua máquina.
# Ex: os números da porta do sistema, a porta da API e a URL passada no arquivo .env.

🚀 Equipe de desenvolvimento - ⚡ Turing

Heitor Dias	Cintia Braulino	Rubens Lima	Emilly Marques	Alicia Alexia	Igor Silva
Augusto Cesar