Funcionalidade 1 - Metas

Permite a inclusão, leitura, alteração e exclusão de metas do usúario

• Instruções de acesso:
  • Preencha o formulário e clique em "Adicionar Meta".
  • Verifique os cartões de meta no lado direito da página.
  • Insira um valor e clique em "Atualizar Valor".
  • Arraste e solte os cartões para reordená-los.
  • Clique no "X" para remover os cards.

Funcionalidade 2 - Perfil do Usúario

Permite o estudo sobre o perfil financeiro do usuário

• Instruções de acesso:
  • Responda às perguntas selecionando uma das opções de resposta para cada pergunta.
  • Use os botões "Próximo" e "Anterior" para navegar entre as perguntas.
  • Após responder todas as perguntas, clique em "Obter Perfil Financeiro" para ver seu perfil financeiro calculado.
  • Após clicar em "Obter Perfil Financeiro", você verá seu perfil financeiro exibido na página.
  • Para voltar ao questionário e revisar suas respostas, clique em "Voltar ao Questionário"..

Funcionalidade 3 - Recursos Educacionais

Permite que o usuário tenha acesso a conteudos de educação financeira

• Instruções de acesso:
  • Na página, você encontrará várias seções com vídeos educativos sobre diferentes aspectos do uso de cartões de crédito.
  • Para iniciar o quiz educacional, clique no botão "Iniciar o Quiz" localizado na parte inferior da página.
  • Responda às perguntas selecionando uma das opções disponíveis. Cada pergunta tem várias respostas possíveis.
  • Após completar todas as perguntas, seu resultado será exibido, mostrando quantas questões você acertou em relação ao total.

Funcionalidade 4 - Comunidade de Usuário

Permite que o usuário compartilhe seus conhecimentos

• Instruções de acesso:
  • Digite seu nome no campo Seu nome.
  • Digite uma mensagem no campo Escreva sua mensagem....
  • Insira um valor e clique em "Atualizar Valor".
  • Clique no botão Enviar para enviar sua mensagem. Ela será exibida na área abaixo dos campos de entrada.

  Funcionalidade 5 - Cauculadora de Juros

  Permite que o usuário caucule os juros do seu cartão

  • Instruções de acesso:
    • Insira as informações requeridas na cauculadora.
    • Clique em caucular
    • Os valores aparecerão abaixo da cauculadora.
    • Um gráfico de barras aparecerá ao lado .

Estrutura de Dados - Metas

                  {
                 [
  {
    "category": "Título da Meta",
    "goalDescription": "Descrição da Meta",
    "goalCost": 100,
    "amountAllocated": 50,
    "progress": 50
  },
  {
    "category": "Outra Meta",
    "goalDescription": "Outra Descrição",
    "goalCost": 200,
    "amountAllocated": 80,
    "progress": 40
  }
]

                  }
                

Estrutura de Dados -Recursos Educacionais

Registro dos usuários do sistema utilizados para login e para o perfil do sistema

                 {
  "categories": [
    {
      "title": "Introdução ao Cartão de Crédito",
      "videos": [
        {
          "title": "O que é um Cartão de Crédito?",
          "url": "https://www.youtube.com/embed/q2p-pc0jyW0"
        },
        {
          "title": "Como Funciona o Cartão de Crédito?",
          "url": "https://www.youtube.com/embed/3qSW8c9gG6A"
        },
        {
          "title": "Vantagens e Desvantagens",
          "url": "https://www.youtube.com/embed/MCuIpom7Ys4"
        }
      ]
    },
    {
      "title": "Dicas para Uso Seguro",
      "videos": [
        {
          "title": "Protegendo suas Informações",
          "url": "https://www.youtube.com/embed/in0XbfQEm2A"
        },
        {
          "title": "Avisos de Fraude",
          "url": "https://www.youtube.com/embed/Kx_E3MKq5aM"
        },
        {
          "title": "Segurança Online",
          "url": "https://www.youtube.com/embed/CrN_bFVekNs"
        }
      ]
    },
    {
      "title": "Gestão de Dívidas",
      "videos": [
        {
          "title": "Como Gerenciar Dívidas de Cartão",
          "url": "https://www.youtube.com/embed/uRUBFm2V72w"
        },
        {
          "title": "Consolidação de Dívidas",
          "url": "https://www.youtube.com/embed/7hP3l1vLKf8"
        },
        {
          "title": "Pagando Dívidas de Forma Eficiente",
          "url": "https://www.youtube.com/embed/E3SRfph2AFg"
        }
      ]
    },
    {
      "title": "Erros Comuns ao Usar o Cartão",
      "videos": [
        {
          "title": "Evite Gastar Além do Limite",
          "url": "https://www.youtube.com/embed/9qNujRt8aQg"
        },
        {
          "title": "Erros Comuns",
          "url": "https://www.youtube.com/embed/1vNgWS18rEw"
        },
        {
          "title": "Impacto dos Juros",
          "url": "https://www.youtube.com/embed/k1z7B6oGNtk"
        }
      ]
    },
    {
      "title": "Maximizando Benefícios",
      "videos": [
        {
          "title": "Acumular Pontos e Milhas",
          "url": "https://www.youtube.com/embed/ZwR2GQYbTuw"
        },
        {
          "title": "Aproveitando Benefícios do Cartão",
          "url": "https://www.youtube.com/embed/5Ntzxq7U6Vw"
        },
        {
          "title": "Programas de Recompensas",
          "url": "https://www.youtube.com/embed/D0D7y9nHHrA"
        }
      ]
    },
    {
      "title": "Planejamento Financeiro",
      "videos": [
        {
          "title": "Planejamento de Gastos",
          "url": "https://www.youtube.com/embed/WxgOUmqszP8"
        },
        {
          "title": "Orçamento Pessoal",
          "url": "https://www.youtube.com/embed/JqOx5FqgYZM"
        },
        {
          "title": "Estratégias de Economia",
          "url": "https://www.youtube.com/embed/BltFyNpvPXo"
        }
      ]
    }
  ],
  "quizQuestions": [
    "Como evitar taxas de juros altas?",
    "Qual é a melhor maneira de usar o cartão de crédito para acumular pontos?",
    "Como posso melhorar meu score de crédito usando um cartão de crédito?",
    "O que acontece se eu não pagar a fatura do cartão de crédito?",
    "Qual é a importância de verificar a fatura do cartão de crédito regularmente?",
    "O que devo fazer se perceber cobranças indevidas na minha fatura?",
    "Qual é o efeito do pagamento mínimo da fatura do cartão de crédito?",
    "Por que é importante estabelecer um limite de gastos no cartão de crédito?",
    "O que é um programa de recompensas em um cartão de crédito?",
    "Quais são os perigos de solicitar vários cartões de crédito ao mesmo tempo?"
  ],
  "quizAnswers": [
    ["Pagar o saldo total a cada mês.", "Deixar o saldo aumentar todos os meses.", "Pagar o saldo mínimo.", "Não olhar a fatura."],
    ["Pagar o saldo total a cada mês.", "Fazer apenas compras grandes.", "Deixar o saldo aumentar todos os meses.", "Não usar o cartão de crédito."],
    ["Pagar o saldo total a cada mês.", "Aumentar o limite do cartão regularmente.", "Pagar o saldo mínimo.", "Não pagar a fatura."],
    ["Nada acontece.", "A dívida é eliminada automaticamente.", "São cobrados juros e multas.", "O cartão é bloqueado."],
    ["Não é importante.", "Ajuda a identificar fraudes e erros.", "Não faz diferença.", "Atrasa o pagamento da fatura."],
    ["Ignorar.", "Contatar o banco imediatamente.", "Esperar até o próximo mês.", "Não fazer nada."],
    ["Ajuda a reduzir os juros.", "Aumenta o score de crédito.", "Não tem efeito.", "Aumenta o limite do cartão."],
    ["Para aumentar a dívida.", "Para controlar os gastos.", "Para ter um saldo negativo.", "Para receber ofertas de crédito."],
    ["Um serviço de assinatura de filmes.", "Um programa de descontos em viagens.", "Um programa de reembolso de despesas.", "Um programa de benefícios para os clientes."],
    ["Não há perigos.", "Aumento do score de crédito.", "Aumento do risco de endividamento.", "Receber mais ofertas de crédito."]
  ],
  "correctAnswers": [0, 0, 0, 2, 1, 1, 2, 1, 3, 2]
}

                

Estrutura de Dados - Comunidade de Usuários

                  {
  "username": "Exemplo",
  "text": "Esta é uma mensagem de exemplo.",
  "timestamp": 1624980371234
}

                

Fonts:

• Icons Font Face - https://fontawesome.com/

Scripts:

• jQuery - http://www.jquery.com/
• Bootstrap 4 - http://getbootstrap.com/
• Chart.js - https://www.chartjs.org/
• UNPKG - https://unpkg.com/