Real-time fraud detection for debit card transactions using Machine Learning, IBM Cloud, Node.js, and a modern TypeScript frontend.

🌐 Live: Frontend on Vercel · Backend on Railway
📁 Repo: github.com/23e46pratham-lab/ShieldVision_Working
📁 backend repo: https://github.com/23e46pratham-lab/backend

Financial fraud is rapidly increasing with the growth of digital banking — especially in loan processing and debit card transactions. Traditional rule-based systems used in Indian banking fail to catch sophisticated fraud patterns.

ShieldVision is an end-to-end AI-powered fraud detection system that classifies debit card transactions as Fraudulent or Legitimate in real time using a Snap Random Forest Classifier hosted on IBM Cloud.

• ⚡ Real-time single transaction prediction
• 📂 CSV batch detection
• 📊 Live dashboard with fraud analytics
• 🥧 Pie chart fraud/legitimate ratio
• 🔔 Latest fraud alerts panel
• 📋 Full transaction history logs
• ☁️ Cloud-deployed ML model (IBM Watson)
• 🔐 Secure environment-based configuration
• 🚫 No mock data — fully connected to live backend

User Input (Form / CSV)
        ↓
Node.js Backend
  → Validates & formats transaction fields
  → Sends payload to IBM Cloud ML endpoint
        ↓
IBM Watson ML
  → Snap Random Forest Classifier
  → Returns: { "prediction": "Fraud", "confidence": 0.92 }
        ↓
Backend formats & logs result
        ↓
Frontend Dashboard
  → Live prediction result
  → Updated analytics & charts

type · amount · nameOrig · oldbalanceOrg · newbalanceOrig
nameDest · oldbalanceDest · newbalanceDest

ShieldVision_Working/
├── frontend/
│   ├── src/
│   │   ├── pages/
│   │   ├── components/
│   │   ├── services/api.ts
│   │   └── types.ts
│   └── vite.config.ts
│
└── backend/
    ├── server.js
    ├── routes/
    └── .env

git clone https://github.com/23e46pratham-lab/ShieldVision_Working.git
cd ShieldVision_Working

cd backend
npm install
npm start

cd frontend
npm install
npm run dev

Backend .env

IBM_API_KEY=your-ibm-api-key
IBM_URL=your-ibm-ml-endpoint
PORT=5000

Frontend .env

VITE_BACKEND_URL=https://your-backend.railway.app/api

• Live fraud vs legitimate pie chart
• Real-time prediction panel
• Transaction history table
• Latest fraud alerts
• CSV batch result preview
• Accuracy metrics

• User authentication
• Database integration (MongoDB / PostgreSQL)
• Model monitoring dashboard
• Advanced anomaly detection
• Multi-card fraud correlation

Developed as part of the CLPBL Initiative at St. Joseph Engineering College, Mangaluru — addressing a real problem in India's rapidly expanding digital banking ecosystem.