🏦 DevBank - Frontend

   

Indices

• Sobre o Projeto
• Tecnologias Utilizadas
• Estrutura do Projeto
• Configuração é Execução
• Principais Funcionalidades
• Proposito
• Contribuições
• Licença

📌 Sobre o Projeto

DEVBANK é uma aplicação bancária fictícia desenvolvida para simular uma experiência financeira moderna, interativa e voltada especialmente para desenvolvedores. Inspirado por ferramentas como terminais Linux, Git e apps de fintechs reais, o DEVBANK combina funcionalidades bancárias tradicionais com interfaces inovadoras, promovendo uma experiência única e envolvente.

🚀 Tecnologias Utilizadas

             

📂 Estrutura do Projeto

frontend-devbank/
│-- public
│-- src/
│   ├── api/
│   ├── assets/
│   ├── components/
│   ├── contexts/
│   ├── hooks/
│   ├── lib/
│   ├── pages/
│   ├── types/
│   ├── utils/
│   ├── global.css
│   ├── main.tsx
│   ├── routes.tsx
│-- .env
│-- package.json
│-- README.md

🛠️ Configuração e Execução

1️⃣ Clonar o Repositório

git clone https://github.com/wallacemt/devbank-frontend
cd devbank-frontend

2️⃣ Instalar Dependências

npm install

3️⃣ Rodar a Aplicação

npm run dev

`

📌 Principais Funcionalidades

• 🔐 Autenticação segura com verificação em duas etapas (2FA) e sistema anti-brute-force.

• 🧾 Sistema completo de transferências via Pix, incluindo visualização de histórico, comprovantes e logs.

• 🖥️ TransferShell — um terminal interativo inspirado no Linux, onde o usuário envia comandos para fazer transações, visualizar logs e interagir com o banco como se estivesse no shell.

• 💼 Caixinhas (Stash) — funcionalidade para criar containers de saldo, permitindo guardar valores com organização e metas financeiras.

• 🧩 Fluxo completo de onboarding com stepper para registro e complemento de perfil.

• 🧠 Interface responsiva e inteligente, construída com React, TailwindCSS, TypeScript e componentes ShadCN UI.

• 📬 Sistema de email transacional com templates personalizados para validação de conta, alertas e confirmações.

💡 Propósito

O objetivo do DEVBANK é explorar um modelo de banco digital que não apenas simule operações reais, mas também engaje desenvolvedores de forma criativa, permitindo que realizem ações bancárias como se estivessem usando um terminal de código. Ao unir design moderno, segurança, interatividade e linguagem do universo tech, o projeto oferece uma proposta de valor diferenciada para usuários com perfil técnico.

🛠 Contribuição

Ficou interessado em contribuir? Faça um fork do repositório, crie uma branch, implemente a melhoria e envie um pull request. Toda ajuda é bem-vinda!

1. Fork the repository.

2. Clone your forked repository to your local machine.

3. Create a branch for your feature or fix:

   git checkout -b my-new-feature

4. Commit your changes:

   git commit -m 'Add new feature'

5. Push your changes to your fork:

   git push origin my-new-feature

6. Create a Pull Request.

📜 Licença

Este projeto está sob a licença MIT.