Skip to content

brykauan/BancoDigital-ReactNative

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

98 Commits
 
 
 
 

Repository files navigation

Banco Digital - App React Native

Aplicativo bancário completo desenvolvido em React Native com todas as funcionalidades essenciais para gerenciamento financeiro. O readme acompanha de algumas partes contendo 2 imagens, sendo elas do site no perfil do Mateus Maidel e outra no perfil do Bryan Kauan.

  • Apenas para um projeto escolar, não é 100% funcional por tal motivo.

Para rodar

Clone o repositorio, instale as dependencias (npm install) e rode "npm run web" no terminal dentro da pasta do projeto (BryanMobile)

Telas do Aplicativo

1) Tela de Login

  • Autenticação segura com CPF/email e senha
  • Toggle para mostrar/esconder senha
  • Alternância entre temas claro e escuro

Tela de Login

2) Tela Principal

  • Visão do saldo atual (com opção de ocultar)
  • Acesso rápido às principais funcionalidades
  • Conversor de moedas integrado

Tela Principal Tela do Maidel

3) Pix

  • Envio via chave Pix (CPF, email, telefone ou aleatória)
  • Validação automática de campos
  • Confirmação segura de transações
  • Desconta o valor enviado do saldo

Tela de Pix

4) Pagamentos

  • Leitor de QR Code integrado
  • Pagamento por código de barras
  • Confirmação instantânea
  • Desconta o valor enviado do saldo

Tela de Pagar

5) Transferência

  • Histórico de contatos recentes
  • Pagamento por CPF ou número da conta
  • Desconta o valor enviado do saldo

Tela de Transferencia Tela do Maidel

6) Recarga de Celular

  • Recarga para todas operadoras (Claro, Vivo, Tim)
  • Formatação automática do número
  • Desconta o valor enviado do saldo

Tela de Recarga

7) Cartões

  • Gerenciamento de cartões virtuais
  • Bloqueio/desbloqueio com um toque
  • Detalhes completos de cada cartão

Tela de Cartões Tela do Maidel

8) Perfil

  • Informações pessoais protegidas
  • Foto do usuário
  • Configurações da conta (botão apenas visual, não leva para tela nenhuma)
  • Ajuda e suporte
  • Opção para sair da conta e voltar para a tela de login

Tela de Login Tela de Login

9) Assistente Virtual

  • Chatbot inteligente para tirar dúvidas
  • Respostas automáticas sobre:
    • Saldo e extrato
    • Operações bancárias
    • Cartões e limites
    • Configurações da conta
  • Suporte rápido às principais funcionalidades

Tela do Chatbot

Como Usar

  1. Faça login com suas credenciais
  2. Navegue pelo menu principal
  3. Selecione a operação desejada
  4. Confirme as informações
  5. Operação realizada com sucesso!

Tecnologias Utilizadas

  • React Native
  • TypeScript
  • Expo
  • Styled Components
  • API de Conversão Monetária

Autor

Bryan Kauan Fagundes
3° Ano - Desenvolvimento de Sistemas
minhafoto

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •