InternetBanking

💬 Sobre

Projeto sobre um banco ficticio com features cadastro de conta, transferir para contas existentes e consultar saldo

• Front-end:angular com primeng.
• Back-end:node com express e mysql.

💻 Características

• Proteção de rotas
  • Caso não esteja logado o usuario não conseguirar acessar rotas pela url como dashboard, historico e etc
  • Caso esteja logado o usuario não conseguirar acessa a url de login ou criar-conta
• Login
  • Foi usado jwt(jsonWeToken) com guard, interceptor e authorization para validação de usuario
  • Caso esteja logado ao fechar a pagina principal e voltar para a mesma a conta ainda vai estar logada com seu dados graças a chave jwt
• Dados validados
  • Todos os dados são validados assim que o botão de submit é clicado
  • Verifica se campo é null ou vazio
  • Verifica se email existe caso tente cadastrar um email que ja existe
  • Verifica se conta existe caso tente enviar para uma conta que não existe
  • Verifica se conta não esta zerada caso tente enviar dinheiro
  • Ao criar uma conta o proprio banco de dados(SQL) te concedera um numero de conta que o usuario saberá ao logar

🐱‍👤Features

• Toolbar
  • Menu Sidebar
  • Perfil
  • Logout
• Sidebar
  • Página Inicial
  • Histórico de transferência
  • Gráfico (em desenvolvimento)
• Login
  • Fazer Login com email e senha com validações (se email e senha são validos ou campos são validos)
  • Botão criar conta
• Criar Conta
  • Criar conta com email e senha com validações (se email existe ou campos são validos)
  • Botão voltar
• Dashboard
  • Visualizar seu nome e saldo
  • Botão Transferir dinheiro
  • Botão Visualizar transferências
• Transferências
  • Visualizar transferências (feitas e recebidas)
  • Gerar um pdf do historico
• Gráfico
  • Gráfico de barra mostrando quantidade gasta e quantidade recebida

💾 Instalação

• Necessario Node e Angular
• Clonar o projeto git clone https://github.com/internet-banking-angular-node-mysql.git
• Rodar o comando pelo cmd na pasta do projeto npm install
• Para rodar o back-end é necessario criar uma database com o nome internet-banking no mysql workbench ou phpmyadmin e copiar os dados que estão na pasta backend chamada db.sql
• Entrar na pastar backend e rodar o comando no terminal nodemon server.js
• Rodar o front com o comando no terminal ng serve e acessar http://localhost:4200 :)

Login

Dashboard

Fazer Transferência

Historico de Transferência

Perfil

A query mais genial vai para