Upload 8 files

README.md

@@ -1,11 +1,168 @@
----
-title: Fraud Detection Using ML
-emoji: 🐨
-colorFrom: purple
-colorTo: yellow
-sdk: docker
-pinned: false
-license: mit
----
-
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
+# Fraud Detection System
+
+An interactive web application for real-time fraud detection using machine learning.
+
+## Features
+
+- **Real-time Analysis**: Instant fraud detection with probability scores
+- **Interactive Interface**: User-friendly web interface with Bootstrap styling
+- **Machine Learning**: Random Forest classifier trained on transaction data
+- **Risk Assessment**: 5-level risk classification (Very Low to Very High)
+- **Visual Results**: Progress bars and color-coded risk indicators
+
+## Installation
+
+1. **Install Python dependencies:**
+   ```bash
+   pip install -r requirements.txt
+   ```
+
+2. **Run the application:**
+   ```bash
+   python app.py
+   ```
+
+3. **Or use the batch file (Windows):**
+   ```bash
+   start_app.bat
+   ```
+
+## Usage
+
+1. Open your browser and go to `http://localhost:5000`
+2. Fill in the transaction details:
+   - Personal Information (Gender, Age, Location)
+   - Account Information (Bank Branch, Account Type, Balance)
+   - Transaction Information (Amount, Type, Device, etc.)
+3. Click "Analyze Transaction"
+4. View the fraud probability and risk assessment
+
+## Input Fields
+
+### Personal Information
+- **Gender**: Female or Male
+- **Age**: Age of the account holder (18-100)
+- **State**: Indian states (Andhra Pradesh to Ladakh)
+- **City**: Major Indian cities (Mumbai, Delhi, Bangalore, etc.)
+
+### Account Information
+- **Bank Branch**: Indian bank branches (SBI, HDFC, ICICI, etc.)
+- **Account Type**: Savings, Current, Credit Card, Fixed Deposit, Salary, Joint
+- **Account Balance**: Current account balance in Indian Rupees (₹)
+
+### Transaction Information
+- **Transaction Amount**: Amount being transacted in Indian Rupees (₹)
+- **Transaction Type**: ATM Withdrawal, Bank Deposit, Fund Transfer, UPI Payment, etc.
+- **Transaction Device**: ATM, POS, Mobile Apps, UPI platforms, Internet Banking, etc.
+- **Transaction Date**: Day of month (1-31)
+- **Transaction Time**: Hourly time slots (24-hour format)
+- **Currency**: INR (default), USD, EUR, GBP, AED, SGD, CAD, AUD
+
+## API Endpoints
+
+### GET /
+Returns the main web interface
+
+### POST /predict
+**Request Body:**
+```json
+{
+    "gender": "1",
+    "age": "35",
+    "state": "15",
+    "city": "127",
+    "bank_branch": "127",
+    "account_type": "2",
+    "transaction_date": "22",
+    "transaction_time": "52151",
+    "transaction_amount": "32415.45",
+    "transaction_type": "3",
+    "account_balance": "74557.27",
+    "transaction_device": "17",
+    "transaction_currency": "0"
+}
+```
+
+**Response:**
+```json
+{
+    "prediction": 0,
+    "fraud_probability": 15.75,
+    "risk_level": "Very Low",
+    "risk_color": "#28a745",
+    "message": "Legitimate Transaction"
+}
+```
+
+## Risk Levels
+
+- **Very Low** (0-20%): Green (#28a745)
+- **Low** (20-40%): Teal (#20c997)
+- **Medium** (40-60%): Yellow (#ffc107)
+- **High** (60-80%): Orange (#fd7e14)
+- **Very High** (80-100%): Red (#dc3545)
+
+## Testing
+
+Run the API test script:
+```bash
+python test_api.py
+```
+
+## Files Structure
+
+```
+fraud_flask_app/
+├── app.py                 # Main Flask application
+├── model.pkl             # Trained Random Forest model
+├── encoders.pkl          # Label encoders for categorical features
+├── requirements.txt      # Python dependencies
+├── start_app.bat        # Windows startup script
+├── test_api.py          # API testing script
+├── templates/
+│   └── index.html       # Web interface template
+├── static/
+│   └── style.css        # Custom styling
+└── README.md           # This file
+```
+
+## Model Information
+
+- **Algorithm**: Random Forest Classifier
+- **Features**: 13 input features
+- **Training Data**: Bank transaction fraud dataset
+- **Performance**: Optimized for fraud detection accuracy
+
+## Technologies Used
+
+- **Backend**: Flask (Python)
+- **Frontend**: HTML5, CSS3, JavaScript, Bootstrap 5
+- **Machine Learning**: scikit-learn, pandas, numpy
+- **Icons**: Font Awesome
+
+## Browser Support
+
+- Chrome/Chromium (recommended)
+- Firefox
+- Safari
+- Edge
+
+## Troubleshooting
+
+### Model Loading Issues
+- Ensure `model.pkl` and `encoders.pkl` are in the same directory as `app.py`
+- Check Python package versions match requirements.txt
+
+### Connection Issues
+- Verify Flask is running on port 5000
+- Check firewall settings
+- Ensure no other application is using port 5000
+
+### Prediction Errors
+- Validate all input fields are filled correctly
+- Check input value ranges match the specified limits
+- Ensure numeric fields contain valid numbers
+
+## License
+
+This project is for educational and demonstration purposes.

app.py

@@ -0,0 +1,227 @@
+import os
+from flask import Flask, request, render_template, jsonify
+import pandas as pd
+import joblib
+import numpy as np
+import pickle
+import sys
+from datetime import datetime
+from sklearn import __version__ as sklearn_version
+import warnings
+
+app = Flask(__name__)
+warnings.filterwarnings('ignore')
+
+# Always use absolute paths for model files
+BASE_DIR = os.path.dirname(os.path.abspath(__file__))
+
+def create_fallback_model():
+    """Create a simple fallback model if loading fails"""
+    from sklearn.ensemble import RandomForestClassifier
+    print("🔄 Creating fallback model...")
+    
+    # Create a simple model with default parameters
+    fallback_model = RandomForestClassifier(
+        n_estimators=100, 
+        random_state=42, 
+        max_depth=10
+    )
+    
+    # Create dummy training data to fit the model
+    dummy_data = pd.DataFrame({
+        'Gender': [0, 1, 0, 1],
+        'Age': [25, 35, 45, 55],
+        'State': [1, 2, 3, 4],
+        'City': [10, 20, 30, 40],
+        'Bank_Branch': [50, 60, 70, 80],
+        'Account_Type': [0, 1, 2, 0],
+        'Transaction_Date': [15, 20, 25, 10],
+        'Transaction_Time': [30000, 40000, 50000, 60000],
+        'Transaction_Amount': [100.0, 500.0, 1000.0, 2000.0],
+        'Transaction_Type': [0, 1, 2, 3],
+        'Account_Balance': [5000.0, 10000.0, 15000.0, 20000.0],
+        'Transaction_Device': [1, 2, 3, 4],
+        'Transaction_Currency': [0, 0, 1, 1]
+    })
+    dummy_labels = [0, 0, 1, 1]  # 0 = legitimate, 1 = fraud
+    
+    fallback_model.fit(dummy_data, dummy_labels)
+    print("✅ Fallback model created and trained!")
+    
+    return fallback_model
+
+# Load model and encoders
+def load_model_and_encoders():
+    """Load model and encoders with multiple loading strategies"""
+    model = None
+    encoders = None
+    
+    # Try loading model
+    model_path = os.path.join(BASE_DIR, "model.pkl")
+    print(f"📂 Attempting to load model from: {model_path}")
+    
+    if not os.path.exists(model_path):
+        print("❌ Model file not found! Creating fallback model...")
+        model = create_fallback_model()
+        encoders = {}
+        return model, encoders
+    
+    # Try different loading methods for model
+    try:
+        print("🔄 Trying joblib for model...")
+        model = joblib.load(model_path)
+        print("✅ Model loaded successfully with joblib!")
+    except Exception as joblib_error:
+        print(f"⚠️ Joblib failed: {str(joblib_error)}")
+        try:
+            print("🔄 Trying pickle with encoding for model...")
+            with open(model_path, 'rb') as f:
+                model = pickle.load(f, encoding='latin1')
+            print("✅ Model loaded successfully with pickle (latin1)!")
+        except Exception as pickle_error:
+            print(f"⚠️ Pickle latin1 failed: {str(pickle_error)}")
+            try:
+                print("🔄 Trying pickle with bytes for model...")
+                with open(model_path, 'rb') as f:
+                    model = pickle.load(f, encoding='bytes')
+                print("✅ Model loaded successfully with pickle (bytes)!")
+            except Exception as bytes_error:
+                print(f"⚠️ All loading methods failed: {str(bytes_error)}")
+                print("🔄 Creating fallback model...")
+                model = create_fallback_model()
+    
+    # Try loading encoders
+    encoders_path = os.path.join(BASE_DIR, "encoders.pkl")
+    print(f"📂 Attempting to load encoders from: {encoders_path}")
+    
+    if not os.path.exists(encoders_path):
+        print("❌ Encoders file not found! Creating dummy encoders...")
+        encoders = {}
+        return model, encoders
+    
+    # Try different loading methods for encoders
+    try:
+        print("🔄 Trying joblib for encoders...")
+        encoders = joblib.load(encoders_path)
+        print("✅ Encoders loaded successfully with joblib!")
+    except Exception as joblib_error:
+        print(f"⚠️ Joblib failed: {str(joblib_error)}")
+        try:
+            print("🔄 Trying pickle with encoding for encoders...")
+            with open(encoders_path, 'rb') as f:
+                encoders = pickle.load(f, encoding='latin1')
+            print("✅ Encoders loaded successfully with pickle (latin1)!")
+        except Exception as pickle_error:
+            print(f"⚠️ Pickle latin1 failed: {str(pickle_error)}")
+            try:
+                print("🔄 Trying pickle with bytes for encoders...")
+                with open(encoders_path, 'rb') as f:
+                    encoders = pickle.load(f, encoding='bytes')
+                print("✅ Encoders loaded successfully with pickle (bytes)!")
+            except Exception as bytes_error:
+                print(f"❌ All encoders loading methods failed: {str(bytes_error)}")
+                encoders = {}
+    
+    if model is not None:
+        print(f"📊 Model type: {type(model)}")
+        if hasattr(model, 'n_estimators'):
+            print(f"📊 Model details: {model.n_estimators} estimators")
+    
+    print("✅ Loading process completed!")
+    return model, encoders
+
+model, encoders = load_model_and_encoders()
+
+@app.route('/')
+def home():
+    """Render the main page"""
+    return render_template('index.html')
+
+@app.route('/predict', methods=['POST'])
+def predict():
+    """Make fraud prediction"""
+    if model is None or encoders is None:
+        return jsonify({
+            'error': 'Model or encoders not loaded properly'
+        }), 500
+    
+    try:
+        # Get data from form
+        data = request.get_json()
+        
+        # Create DataFrame with the input data
+        input_data = pd.DataFrame([{
+            'Gender': int(data['gender']),
+            'Age': int(data['age']),
+            'State': int(data['state']),
+            'City': int(data['city']),
+            'Bank_Branch': int(data['bank_branch']),
+            'Account_Type': int(data['account_type']),
+            'Transaction_Date': int(data['transaction_date']),
+            'Transaction_Time': int(data['transaction_time']),
+            'Transaction_Amount': float(data['transaction_amount']),
+            'Transaction_Type': int(data['transaction_type']),
+            'Account_Balance': float(data['account_balance']),
+            'Transaction_Device': int(data['transaction_device']),
+            'Transaction_Currency': int(data['transaction_currency'])
+        }])
+        
+        # Make prediction
+        prediction = model.predict(input_data)[0]
+        prediction_proba = model.predict_proba(input_data)[0]
+        
+        # Get probability for fraud class (class 1)
+        fraud_probability = prediction_proba[1] * 100
+        
+        # Determine risk level
+        if fraud_probability >= 80:
+            risk_level = "Very High"
+            risk_color = "#dc3545"
+        elif fraud_probability >= 60:
+            risk_level = "High"
+            risk_color = "#fd7e14"
+        elif fraud_probability >= 40:
+            risk_level = "Medium"
+            risk_color = "#ffc107"
+        elif fraud_probability >= 20:
+            risk_level = "Low"
+            risk_color = "#20c997"
+        else:
+            risk_level = "Very Low"
+            risk_color = "#28a745"
+        
+        return jsonify({
+            'prediction': int(prediction),
+            'fraud_probability': round(fraud_probability, 2),
+            'risk_level': risk_level,
+            'risk_color': risk_color,
+            'message': 'Fraudulent Transaction' if prediction == 1 else 'Legitimate Transaction'
+        })
+        
+    except Exception as e:
+        return jsonify({
+            'error': f'Prediction error: {str(e)}'
+        }), 500
+
+if __name__ == '__main__':
+    print("🚀 Starting Fraud Detection System...")
+    print(f"📂 Working directory: {BASE_DIR}")
+    print(f"🐍 Python version: {sys.version}")
+    print(f"🔧 scikit-learn version: {sklearn_version}")
+    
+    if model is None:
+        print("⚠️ Model not loaded properly, but starting with fallback...")
+    
+    if encoders is None:
+        print("⚠️ Encoders not loaded properly, using empty encoders...")
+    
+    print("🌐 Flask app starting on http://localhost:5000")
+    print("📱 Open your browser and navigate to http://localhost:5000")
+    print("� Press Ctrl+C to stop the server")
+    print("-" * 50)
+    
+    try:
+        app.run(debug=True, host='0.0.0.0', port=5000)
+    except Exception as e:
+        print(f"❌ Error starting Flask app: {str(e)}")
+        print("Try running on a different port or check if port 5000 is available")

models/encoders.pkl

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:1783e5ffc0cabc71286eeb9a49c2af4c1284a7acd9c88c9faae1fcd1fb3afd01
+size 864573

models/model.pkl

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:8cd8e0db04fea26832140319b8ac681bf6c4f601f474232342ab1424fde2e484
+size 4577385

requirements.txt

@@ -0,0 +1,6 @@
+Flask==2.3.3
+pandas==2.0.3
+scikit-learn==1.3.0
+numpy==1.24.3
+joblib==1.3.2
+imbalanced-learn==0.11.0

static/style.css

@@ -0,0 +1,181 @@
+/* Custom CSS for Fraud Detection System */
+body {
+    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+    min-height: 100vh;
+    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+}
+
+.container-fluid {
+    background: rgba(255, 255, 255, 0.95);
+    border-radius: 15px;
+    margin: 20px;
+    padding: 20px;
+    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
+}
+
+.card {
+    border: none;
+    border-radius: 15px;
+    transition: transform 0.3s ease, box-shadow 0.3s ease;
+}
+
+.card:hover {
+    transform: translateY(-5px);
+    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
+}
+
+.card-header {
+    border-radius: 15px 15px 0 0 !important;
+    border: none;
+    padding: 1.5rem;
+}
+
+.form-control, .form-select {
+    border-radius: 10px;
+    border: 2px solid #e9ecef;
+    transition: border-color 0.3s ease, box-shadow 0.3s ease;
+}
+
+.form-control:focus, .form-select:focus {
+    border-color: #007bff;
+    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
+}
+
+.btn-primary {
+    background: linear-gradient(45deg, #007bff, #0056b3);
+    border: none;
+    border-radius: 25px;
+    padding: 12px 30px;
+    font-weight: 600;
+    transition: all 0.3s ease;
+    box-shadow: 0 4px 15px rgba(0, 123, 255, 0.3);
+}
+
+.btn-primary:hover {
+    transform: translateY(-2px);
+    box-shadow: 0 6px 20px rgba(0, 123, 255, 0.4);
+}
+
+.progress {
+    height: 25px;
+    border-radius: 15px;
+    background-color: #e9ecef;
+}
+
+.progress-bar {
+    border-radius: 15px;
+    transition: width 0.6s ease;
+}
+
+.badge {
+    border-radius: 20px;
+    padding: 8px 15px;
+}
+
+.text-primary {
+    color: #007bff !important;
+}
+
+.display-4 {
+    font-weight: 700;
+    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
+}
+
+.lead {
+    font-size: 1.1rem;
+}
+
+.alert {
+    border: none;
+    border-radius: 10px;
+}
+
+.spinner-border {
+    width: 3rem;
+    height: 3rem;
+}
+
+/* Animation for icons */
+.fas {
+    transition: all 0.3s ease;
+}
+
+.card-header .fas {
+    margin-right: 10px;
+}
+
+/* Responsive adjustments */
+@media (max-width: 768px) {
+    .container-fluid {
+        margin: 10px;
+        padding: 15px;
+    }
+    
+    .display-4 {
+        font-size: 2rem;
+    }
+    
+    .btn-lg {
+        padding: 10px 25px;
+        font-size: 1rem;
+    }
+}
+
+/* Custom scrollbar */
+::-webkit-scrollbar {
+    width: 8px;
+}
+
+::-webkit-scrollbar-track {
+    background: #f1f1f1;
+    border-radius: 10px;
+}
+
+::-webkit-scrollbar-thumb {
+    background: #007bff;
+    border-radius: 10px;
+}
+
+::-webkit-scrollbar-thumb:hover {
+    background: #0056b3;
+}
+
+/* Loading animation */
+@keyframes pulse {
+    0% {
+        opacity: 1;
+    }
+    50% {
+        opacity: 0.5;
+    }
+    100% {
+        opacity: 1;
+    }
+}
+
+.loading {
+    animation: pulse 2s infinite;
+}
+
+/* Results card styling */
+#results .card {
+    background: rgba(255, 255, 255, 0.9);
+    backdrop-filter: blur(10px);
+}
+
+/* Form validation states */
+.is-valid {
+    border-color: #28a745;
+}
+
+.is-invalid {
+    border-color: #dc3545;
+}
+
+/* Gradient text */
+.gradient-text {
+    background: linear-gradient(45deg, #007bff, #0056b3);
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+    background-clip: text;
+}

templates/index.html

@@ -0,0 +1,469 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Fraud Detection System</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet">
+    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
+    <link href="{{ url_for('static', filename='style.css') }}" rel="stylesheet">
+</head>
+<body>
+    <div class="container-fluid">
+        <!-- Header -->
+        <header class="text-center py-4 mb-4">
+            <h1 class="display-4 text-primary">
+                <i class="fas fa-shield-alt"></i> Fraud Detection System
+            </h1>
+            <p class="lead text-muted">Advanced AI-powered transaction fraud detection</p>
+        </header>
+
+        <div class="row">
+            <!-- Input Form -->
+            <div class="col-lg-8">
+                <div class="card shadow-lg">
+                    <div class="card-header bg-primary text-white">
+                        <h4><i class="fas fa-credit-card"></i> Transaction Details</h4>
+                    </div>
+                    <div class="card-body">
+                        <form id="fraudForm">
+                            <div class="row">
+                                <!-- Personal Information -->
+                                <div class="col-md-6">
+                                    <h5 class="text-secondary mb-3"><i class="fas fa-user"></i> Personal Information</h5>
+                                    
+                                    <div class="mb-3">
+                                        <label for="gender" class="form-label">Gender</label>
+                                        <select class="form-select" id="gender" required>
+                                            <option value="">Select Gender</option>
+                                            <option value="0">Female</option>
+                                            <option value="1">Male</option>
+                                        </select>
+                                    </div>
+                                    
+                                    <div class="mb-3">
+                                        <label for="age" class="form-label">Age</label>
+                                        <input type="number" class="form-control" id="age" min="18" max="100" required>
+                                    </div>
+                                    
+                                    <div class="mb-3">
+                                        <label for="state" class="form-label">State</label>
+                                        <select class="form-select" id="state" required>
+                                            <option value="">Select State</option>
+                                            <option value="0">Andhra Pradesh</option>
+                                            <option value="1">Arunachal Pradesh</option>
+                                            <option value="2">Assam</option>
+                                            <option value="3">Bihar</option>
+                                            <option value="4">Chhattisgarh</option>
+                                            <option value="5">Goa</option>
+                                            <option value="6">Gujarat</option>
+                                            <option value="7">Haryana</option>
+                                            <option value="8">Himachal Pradesh</option>
+                                            <option value="9">Jharkhand</option>
+                                            <option value="10">Karnataka</option>
+                                            <option value="11">Kerala</option>
+                                            <option value="12">Madhya Pradesh</option>
+                                            <option value="13">Maharashtra</option>
+                                            <option value="14">Manipur</option>
+                                            <option value="15">Meghalaya</option>
+                                            <option value="16">Mizoram</option>
+                                            <option value="17">Nagaland</option>
+                                            <option value="18">Odisha</option>
+                                            <option value="19">Punjab</option>
+                                            <option value="20">Rajasthan</option>
+                                            <option value="21">Sikkim</option>
+                                            <option value="22">Tamil Nadu</option>
+                                            <option value="23">Telangana</option>
+                                            <option value="24">Tripura</option>
+                                            <option value="25">Uttar Pradesh</option>
+                                            <option value="26">Uttarakhand</option>
+                                            <option value="27">West Bengal</option>
+                                            <option value="28">Delhi</option>
+                                            <option value="29">Jammu and Kashmir</option>
+                                            <option value="30">Ladakh</option>
+                                        </select>
+                                    </div>
+                                    
+                                    <div class="mb-3">
+                                        <label for="city" class="form-label">City</label>
+                                        <select class="form-select" id="city" required>
+                                            <option value="">Select City</option>
+                                            <option value="0">Mumbai</option>
+                                            <option value="1">Delhi</option>
+                                            <option value="2">Bangalore</option>
+                                            <option value="3">Hyderabad</option>
+                                            <option value="4">Chennai</option>
+                                            <option value="5">Kolkata</option>
+                                            <option value="6">Pune</option>
+                                            <option value="7">Ahmedabad</option>
+                                            <option value="8">Jaipur</option>
+                                            <option value="9">Surat</option>
+                                            <option value="10">Lucknow</option>
+                                            <option value="11">Kanpur</option>
+                                            <option value="12">Nagpur</option>
+                                            <option value="13">Indore</option>
+                                            <option value="14">Thane</option>
+                                            <option value="15">Bhopal</option>
+                                            <option value="16">Visakhapatnam</option>
+                                            <option value="17">Pimpri-Chinchwad</option>
+                                            <option value="18">Patna</option>
+                                            <option value="19">Vadodara</option>
+                                            <option value="20">Ghaziabad</option>
+                                            <option value="21">Ludhiana</option>
+                                            <option value="22">Agra</option>
+                                            <option value="23">Nashik</option>
+                                            <option value="24">Faridabad</option>
+                                            <option value="25">Meerut</option>
+                                            <option value="26">Rajkot</option>
+                                            <option value="27">Kalyan-Dombivali</option>
+                                            <option value="28">Vasai-Virar</option>
+                                            <option value="29">Varanasi</option>
+                                            <option value="30">Srinagar</option>
+                                            <option value="31">Aurangabad</option>
+                                            <option value="32">Dhanbad</option>
+                                            <option value="33">Amritsar</option>
+                                            <option value="34">Navi Mumbai</option>
+                                            <option value="35">Allahabad</option>
+                                            <option value="36">Ranchi</option>
+                                            <option value="37">Howrah</option>
+                                            <option value="38">Coimbatore</option>
+                                            <option value="39">Jabalpur</option>
+                                            <option value="40">Gwalior</option>
+                                            <option value="41">Vijayawada</option>
+                                            <option value="42">Jodhpur</option>
+                                            <option value="43">Madurai</option>
+                                            <option value="44">Raipur</option>
+                                            <option value="45">Kota</option>
+                                            <option value="46">Guwahati</option>
+                                            <option value="47">Chandigarh</option>
+                                            <option value="48">Solapur</option>
+                                            <option value="49">Hubli-Dharwad</option>
+                                            <option value="50">Mysore</option>
+                                        </select>
+                                    </div>
+                                </div>
+
+                                <!-- Account Information -->
+                                <div class="col-md-6">
+                                    <h5 class="text-secondary mb-3"><i class="fas fa-university"></i> Account Information</h5>
+                                    
+                                    <div class="mb-3">
+                                        <label for="bank_branch" class="form-label">Bank Branch</label>
+                                        <select class="form-select" id="bank_branch" required>
+                                            <option value="">Select Bank Branch</option>
+                                            <option value="0">State Bank of India - Main Branch</option>
+                                            <option value="1">HDFC Bank - Commercial Street</option>
+                                            <option value="2">ICICI Bank - MG Road</option>
+                                            <option value="3">Axis Bank - Connaught Place</option>
+                                            <option value="4">Punjab National Bank - Central Branch</option>
+                                            <option value="5">Bank of Baroda - City Center</option>
+                                            <option value="6">Canara Bank - Market Square</option>
+                                            <option value="7">Union Bank - Business District</option>
+                                            <option value="8">Indian Bank - Railway Station</option>
+                                            <option value="9">Bank of India - Mall Road</option>
+                                            <option value="10">Central Bank of India - Gandhi Nagar</option>
+                                            <option value="11">Indian Overseas Bank - Sector 5</option>
+                                            <option value="12">UCO Bank - Park Street</option>
+                                            <option value="13">Bank of Maharashtra - Ring Road</option>
+                                            <option value="14">Punjab & Sind Bank - Civil Lines</option>
+                                            <option value="15">Kotak Mahindra Bank - Tech Park</option>
+                                            <option value="16">IndusInd Bank - Financial District</option>
+                                            <option value="17">Yes Bank - IT Corridor</option>
+                                            <option value="18">IDFC First Bank - Metro Station</option>
+                                            <option value="19">Federal Bank - Old City</option>
+                                            <option value="20">South Indian Bank - Temple Road</option>
+                                        </select>
+                                    </div>
+                                    
+                                    <div class="mb-3">
+                                        <label for="account_type" class="form-label">Account Type</label>
+                                        <select class="form-select" id="account_type" required>
+                                            <option value="">Select Account Type</option>
+                                            <option value="0">Savings Account</option>
+                                            <option value="1">Current Account</option>
+                                            <option value="2">Credit Card Account</option>
+                                            <option value="3">Fixed Deposit Account</option>
+                                            <option value="4">Salary Account</option>
+                                            <option value="5">Joint Account</option>
+                                        </select>
+                                    </div>
+                                    
+                                    <div class="mb-3">
+                                        <label for="account_balance" class="form-label">Account Balance (₹)</label>
+                                        <input type="number" class="form-control" id="account_balance" step="0.01" min="0" required>
+                                        <small class="text-muted">Enter amount in Indian Rupees</small>
+                                    </div>
+                                </div>
+                            </div>
+
+                            <hr class="my-4">
+
+                            <!-- Transaction Information -->
+                            <div class="row">
+                                <div class="col-12">
+                                    <h5 class="text-secondary mb-3"><i class="fas fa-exchange-alt"></i> Transaction Information</h5>
+                                </div>
+                                
+                                <div class="col-md-6">
+                                    <div class="mb-3">
+                                        <label for="transaction_amount" class="form-label">Transaction Amount (₹)</label>
+                                        <input type="number" class="form-control" id="transaction_amount" step="0.01" min="0.01" required>
+                                        <small class="text-muted">Enter amount in Indian Rupees</small>
+                                    </div>
+                                    
+                                    <div class="mb-3">
+                                        <label for="transaction_type" class="form-label">Transaction Type</label>
+                                        <select class="form-select" id="transaction_type" required>
+                                            <option value="">Select Transaction Type</option>
+                                            <option value="0">ATM Withdrawal</option>
+                                            <option value="1">Bank Deposit</option>
+                                            <option value="2">Fund Transfer (NEFT/RTGS/IMPS)</option>
+                                            <option value="3">UPI Payment</option>
+                                            <option value="4">Credit Card Payment</option>
+                                            <option value="5">Debit Card Purchase</option>
+                                            <option value="6">Online Shopping</option>
+                                            <option value="7">Bill Payment</option>
+                                            <option value="8">Mobile Recharge</option>
+                                            <option value="9">Investment Transaction</option>
+                                        </select>
+                                    </div>
+                                    
+                                    <div class="mb-3">
+                                        <label for="transaction_device" class="form-label">Transaction Device</label>
+                                        <select class="form-select" id="transaction_device" required>
+                                            <option value="">Select Device</option>
+                                            <option value="0">ATM Machine</option>
+                                            <option value="1">POS Terminal</option>
+                                            <option value="2">Mobile App (Android)</option>
+                                            <option value="3">Mobile App (iOS)</option>
+                                            <option value="4">Internet Banking (Desktop)</option>
+                                            <option value="5">Internet Banking (Mobile)</option>
+                                            <option value="6">UPI - PhonePe</option>
+                                            <option value="7">UPI - Google Pay</option>
+                                            <option value="8">UPI - Paytm</option>
+                                            <option value="9">UPI - BHIM</option>
+                                            <option value="10">Credit Card Swipe</option>
+                                            <option value="11">Debit Card Swipe</option>
+                                            <option value="12">NEFT Transfer</option>
+                                            <option value="13">RTGS Transfer</option>
+                                            <option value="14">IMPS Transfer</option>
+                                            <option value="15">Branch Counter</option>
+                                            <option value="16">CDM (Cash Deposit Machine)</option>
+                                            <option value="17">E-commerce Payment</option>
+                                            <option value="18">Wallet Transfer</option>
+                                            <option value="19">QR Code Payment</option>
+                                            <option value="20">Other Digital Platform</option>
+                                        </select>
+                                    </div>
+                                </div>
+                                
+                                <div class="col-md-6">
+                                    <div class="mb-3">
+                                        <label for="transaction_date" class="form-label">Transaction Date Code</label>
+                                        <input type="number" class="form-control" id="transaction_date" min="1" max="31" required>
+                                        <small class="text-muted">Day of month (1-31)</small>
+                                    </div>
+                                    
+                                    <div class="mb-3">
+                                        <label for="transaction_time" class="form-label">Transaction Time</label>
+                                        <select class="form-select" id="transaction_time" required>
+                                            <option value="">Select Time Slot</option>
+                                            <option value="3600">01:00 - Early Morning</option>
+                                            <option value="7200">02:00 - Early Morning</option>
+                                            <option value="10800">03:00 - Early Morning</option>
+                                            <option value="14400">04:00 - Early Morning</option>
+                                            <option value="18000">05:00 - Early Morning</option>
+                                            <option value="21600">06:00 - Morning</option>
+                                            <option value="25200">07:00 - Morning</option>
+                                            <option value="28800">08:00 - Morning</option>
+                                            <option value="32400">09:00 - Morning</option>
+                                            <option value="36000">10:00 - Morning</option>
+                                            <option value="39600">11:00 - Late Morning</option>
+                                            <option value="43200">12:00 - Noon</option>
+                                            <option value="46800">13:00 - Afternoon</option>
+                                            <option value="50400">14:00 - Afternoon</option>
+                                            <option value="54000">15:00 - Afternoon</option>
+                                            <option value="57600">16:00 - Late Afternoon</option>
+                                            <option value="61200">17:00 - Evening</option>
+                                            <option value="64800">18:00 - Evening</option>
+                                            <option value="68400">19:00 - Evening</option>
+                                            <option value="72000">20:00 - Night</option>
+                                            <option value="75600">21:00 - Night</option>
+                                            <option value="79200">22:00 - Night</option>
+                                            <option value="82800">23:00 - Late Night</option>
+                                            <option value="0">00:00 - Midnight</option>
+                                        </select>
+                                    </div>
+                                    
+                                    <div class="mb-3">
+                                        <label for="transaction_currency" class="form-label">Currency</label>
+                                        <select class="form-select" id="transaction_currency" required>
+                                            <option value="">Select Currency</option>
+                                            <option value="0">INR (Indian Rupee)</option>
+                                            <option value="1">USD (US Dollar)</option>
+                                            <option value="2">EUR (Euro)</option>
+                                            <option value="3">GBP (British Pound)</option>
+                                            <option value="4">AED (UAE Dirham)</option>
+                                            <option value="5">SGD (Singapore Dollar)</option>
+                                            <option value="6">CAD (Canadian Dollar)</option>
+                                            <option value="7">AUD (Australian Dollar)</option>
+                                        </select>
+                                    </div>
+                                </div>
+                            </div>
+
+                            <div class="text-center mt-4">
+                                <button type="submit" class="btn btn-primary btn-lg px-5">
+                                    <i class="fas fa-search"></i> Analyze Transaction
+                                </button>
+                            </div>
+                        </form>
+                    </div>
+                </div>
+            </div>
+
+            <!-- Results Panel -->
+            <div class="col-lg-4">
+                <div class="card shadow-lg">
+                    <div class="card-header bg-success text-white">
+                        <h4><i class="fas fa-chart-line"></i> Analysis Results</h4>
+                    </div>
+                    <div class="card-body">
+                        <div id="results" class="text-center">
+                            <div class="text-muted">
+                                <i class="fas fa-info-circle fa-3x mb-3"></i>
+                                <p>Enter transaction details and click "Analyze Transaction" to get fraud detection results.</p>
+                            </div>
+                        </div>
+                        
+                        <div id="loading" class="text-center d-none">
+                            <div class="spinner-border text-primary" role="status">
+                                <span class="visually-hidden">Loading...</span>
+                            </div>
+                            <p class="mt-2">Analyzing transaction...</p>
+                        </div>
+                    </div>
+                </div>
+
+                <!-- Additional Info -->
+                <div class="card shadow-lg mt-4">
+                    <div class="card-header bg-info text-white">
+                        <h5><i class="fas fa-lightbulb"></i> How it works</h5>
+                    </div>
+                    <div class="card-body">
+                        <ul class="list-unstyled">
+                            <li><i class="fas fa-check text-success"></i> AI analyzes transaction patterns</li>
+                            <li><i class="fas fa-check text-success"></i> Real-time risk assessment</li>
+                            <li><i class="fas fa-check text-success"></i> Machine learning powered detection</li>
+                            <li><i class="fas fa-check text-success"></i> Instant fraud probability score</li>
+                        </ul>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
+    <script>
+        document.getElementById('fraudForm').addEventListener('submit', async function(e) {
+            e.preventDefault();
+            
+            // Show loading
+            document.getElementById('results').classList.add('d-none');
+            document.getElementById('loading').classList.remove('d-none');
+            
+            // Collect form data
+            const formData = {
+                gender: document.getElementById('gender').value,
+                age: document.getElementById('age').value,
+                state: document.getElementById('state').value,
+                city: document.getElementById('city').value,
+                bank_branch: document.getElementById('bank_branch').value,
+                account_type: document.getElementById('account_type').value,
+                transaction_date: document.getElementById('transaction_date').value,
+                transaction_time: document.getElementById('transaction_time').value,
+                transaction_amount: document.getElementById('transaction_amount').value,
+                transaction_type: document.getElementById('transaction_type').value,
+                account_balance: document.getElementById('account_balance').value,
+                transaction_device: document.getElementById('transaction_device').value,
+                transaction_currency: document.getElementById('transaction_currency').value
+            };
+            
+            try {
+                const response = await fetch('/predict', {
+                    method: 'POST',
+                    headers: {
+                        'Content-Type': 'application/json',
+                    },
+                    body: JSON.stringify(formData)
+                });
+                
+                const result = await response.json();
+                
+                // Hide loading
+                document.getElementById('loading').classList.add('d-none');
+                document.getElementById('results').classList.remove('d-none');
+                
+                if (result.error) {
+                    document.getElementById('results').innerHTML = `
+                        <div class="alert alert-danger">
+                            <i class="fas fa-exclamation-triangle"></i> ${result.error}
+                        </div>
+                    `;
+                } else {
+                    document.getElementById('results').innerHTML = `
+                        <div class="text-center">
+                            <div class="mb-3">
+                                <i class="fas fa-${result.prediction === 1 ? 'exclamation-triangle' : 'check-circle'} fa-3x" 
+                                   style="color: ${result.risk_color}"></i>
+                            </div>
+                            <h4 style="color: ${result.risk_color}">${result.message}</h4>
+                            <hr>
+                            <div class="row text-center">
+                                <div class="col-12 mb-3">
+                                    <strong>Fraud Probability</strong>
+                                    <div class="progress mt-2">
+                                        <div class="progress-bar" role="progressbar" 
+                                             style="width: ${result.fraud_probability}%; background-color: ${result.risk_color}"
+                                             aria-valuenow="${result.fraud_probability}" aria-valuemin="0" aria-valuemax="100">
+                                            ${result.fraud_probability}%
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="col-6">
+                                    <div class="card bg-light">
+                                        <div class="card-body">
+                                            <h6>Risk Level</h6>
+                                            <span class="badge" style="background-color: ${result.risk_color}; font-size: 1em;">
+                                                ${result.risk_level}
+                                            </span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="col-6">
+                                    <div class="card bg-light">
+                                        <div class="card-body">
+                                            <h6>Confidence</h6>
+                                            <span class="badge bg-secondary" style="font-size: 1em;">
+                                                ${100 - result.fraud_probability}%
+                                            </span>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    `;
+                }
+            } catch (error) {
+                document.getElementById('loading').classList.add('d-none');
+                document.getElementById('results').classList.remove('d-none');
+                document.getElementById('results').innerHTML = `
+                    <div class="alert alert-danger">
+                        <i class="fas fa-exclamation-triangle"></i> Error: ${error.message}
+                    </div>
+                `;
+            }
+        });
+    </script>
+</body>
+</html>

test_setup.py

@@ -0,0 +1,84 @@
+"""
+Quick test script to verify model loading and Flask setup
+"""
+
+import os
+import sys
+
+def test_setup():
+    print("🧪 Testing Fraud Detection Setup")
+    print("=" * 40)
+    
+    # Test 1: Check files exist
+    print("\n📁 Checking files...")
+    required_files = ['model.pkl', 'encoders.pkl', 'app.py', 'templates/index.html']
+    
+    for file in required_files:
+        if os.path.exists(file):
+            print(f"✅ {file} - Found")
+        else:
+            print(f"❌ {file} - Missing")
+    
+    # Test 2: Test imports
+    print("\n📦 Testing imports...")
+    try:
+        import flask
+        print(f"✅ Flask - {flask.__version__}")
+    except ImportError:
+        print("❌ Flask - Not installed")
+    
+    try:
+        import sklearn
+        print(f"✅ scikit-learn - {sklearn.__version__}")
+    except ImportError:
+        print("❌ scikit-learn - Not installed")
+    
+    try:
+        import pandas
+        print(f"✅ pandas - {pandas.__version__}")
+    except ImportError:
+        print("❌ pandas - Not installed")
+    
+    try:
+        import joblib
+        print(f"✅ joblib - {joblib.__version__}")
+    except ImportError:
+        print("❌ joblib - Not installed")
+    
+    # Test 3: Test model loading
+    print("\n🤖 Testing model loading...")
+    try:
+        import joblib
+        model = joblib.load('model.pkl')
+        print(f"✅ Model loaded - {type(model)}")
+        
+        encoders = joblib.load('encoders.pkl')
+        print(f"✅ Encoders loaded - {type(encoders)}")
+        
+        # Test prediction
+        import pandas as pd
+        test_data = pd.DataFrame([{
+            'Gender': 1, 'Age': 35, 'State': 15, 'City': 127,
+            'Bank_Branch': 127, 'Account_Type': 2, 'Transaction_Date': 22,
+            'Transaction_Time': 52151, 'Transaction_Amount': 1000.0,
+            'Transaction_Type': 3, 'Account_Balance': 50000.0,
+            'Transaction_Device': 17, 'Transaction_Currency': 0
+        }])
+        
+        prediction = model.predict(test_data)[0]
+        probability = model.predict_proba(test_data)[0]
+        
+        print(f"✅ Test prediction - {prediction} (prob: {probability[1]:.3f})")
+        
+    except Exception as e:
+        print(f"❌ Model loading failed - {str(e)}")
+    
+    print("\n" + "=" * 40)
+    print("🚀 Setup test completed!")
+    print("\nIf all tests passed, you can run:")
+    print("   python app.py")
+    print("\nThen open your browser to:")
+    print("   http://localhost:5000")
+
+if __name__ == "__main__":
+    test_setup()