🏦 Banking360 — Secure Banking Application

Overview

A comprehensive full-stack banking management system built with React 18 and Vite, featuring 20+ banking modules including customer management, loans, cards, ATM operations, employee management, and complete transaction processing.

Tech Stack

• Frontend: React 18.3, JavaScript (JSX), Vite
• Styling: Tailwind CSS, CSS Modules
• Routing: React Router DOM v6
• HTTP Client: Axios
• Forms: React Hook Form
• Icons: React Icons
• Build Tool: Vite

Features

• 👤 Customer Management — Full CRUD for customers, accounts, and account holders
• 💰 Loan Management — Loan applications, types, and repayment tracking
• 💳 Card Management — Card issuance, transactions, and ATM operations
• 👔 Employee Management — Staff records and salary processing
• 📊 Transaction Processing — Full transaction history and account transactions
• 🏧 ATM Operations — Location management and ATM transaction handling
• 💼 Fixed Deposits and Overdraft — Comprehensive financial product management
• 📈 Reporting Dashboard — Financial reporting and analytics

Application Structure

src/
├── forms/
│   ├── Customer.jsx
│   ├── Account.jsx
│   ├── Loan.jsx
│   ├── Card.jsx
│   ├── ATMLocations.jsx
│   ├── ATMTransactions.jsx
│   ├── AccountTransactions.jsx
│   ├── CardTransaction.jsx
│   ├── Employee.jsx
│   ├── EmployeeSalary.jsx
│   ├── LoanRepayment.jsx
│   ├── FixedDeposite.jsx
│   ├── Overdraft.jsx
│   ├── LoanTypes.jsx
│   ├── TransactionTypes.jsx
│   ├── Branch.jsx
│   ├── AccountHolder.jsx
│   ├── home.jsx
│   └── authentication.jsx
├── loginFunctions/
│   └── Login.jsx
└── registerFunctions/
    └── Register.jsx

How to Run

git clone https://github.com/Phoenixking-04/FDB-Project.git
cd FDB-Project/bankingSystem
npm install
npm run dev

Open http://localhost:5173 in your browser.

Results / Outcomes

• ✅ Built 20+ React modules covering full banking lifecycle
• ✅ Implemented complete authentication with role-based access control
• ✅ Designed modular component architecture with React Router v6
• ✅ Integrated React Hook Form for complex financial data validation
• ✅ Delivered full banking operations: loans, cards, ATM, salary, transactions

---

🔗 Developer: Kalyankumar Sandireddy | LinkedIn