Upload 3 files

app.py

@@ -0,0 +1,148 @@
+import os
+import re
+from flask import Flask, request, jsonify, render_template
+import requests
+from PIL import Image
+import pytesseract
+
+app = Flask(__name__)
+
+GEMINI_API_KEY = os.environ.get("AIzaSyCBdtueezDUl47nhMTPNK5r6G3q46Jnsa4")
+GEMINI_URL = f"https://generativelanguage.googleapis.com/v1beta/models/gemini-1.5-flash:generateContent?key={GEMINI_API_KEY}"
+
+BLACKLISTED_UPIS = ["fraudster@upi", "scam123@okaxis", "fake_pay@ybl", "urgent_pay@okhdfcbank", "win_cash@sbi"]
+SUSPICIOUS_KEYWORDS = ["collect", "request", "urgent", "win", "lottery", "cashback", "claim", "reward", "fee"]
+
+def call_gemini(prompt, system_instruction=""):
+    if not GEMINI_API_KEY:
+        return "Gemini API key is missing. Please set the GEMINI_API_KEY environment variable."
+    
+    payload = {
+        "contents": [{"parts": [{"text": prompt}]}],
+    }
+    if system_instruction:
+        payload["systemInstruction"] = {"parts": [{"text": system_instruction}]}
+        
+    headers = {"Content-Type": "application/json"}
+    try:
+        response = requests.post(GEMINI_URL, headers=headers, json=payload)
+        response.raise_for_status()
+        data = response.json()
+        return data["candidates"][0]["content"]["parts"][0]["text"]
+    except Exception as e:
+        return f"Error contacting Gemini: {str(e)}"
+
+@app.route("/")
+def index():
+    return render_template("index.html")
+
+@app.route("/upload", methods=["POST"])
+def upload():
+    if "image" not in request.files:
+        return jsonify({"error": "No image uploaded"}), 400
+    
+    file = request.files["image"]
+    if file.filename == "":
+        return jsonify({"error": "No file selected"}), 400
+        
+    try:
+        img = Image.open(file.stream)
+        text = pytesseract.image_to_string(img).lower()
+        
+        # Extract features
+        amount_match = re.search(r'(?:rs\.?|inr|₹|amount)\s*(\d+(?:,\d+)*(?:\.\d{1,2})?)', text)
+        amount_str = amount_match.group(1).replace(",", "") if amount_match else "0"
+        amount = float(amount_str) if amount_str else 0.0
+        
+        upi_match = re.search(r'[\w.-]+@[\w.-]+', text)
+        upi_id = upi_match.group(0) if upi_match else "Not found"
+        
+        found_keywords = [kw for kw in SUSPICIOUS_KEYWORDS if kw in text]
+        
+        # Risk Analysis
+        risk_level = "Safe"
+        reasons = []
+        
+        if "request" in text and "success" in text:
+            reasons.append("Conflicting terms: 'request' and 'success' found together.")
+            risk_level = "High Risk"
+        elif "received" in text and "pay" in text:
+            reasons.append("Conflicting terms: 'received' and 'pay' found together.")
+            risk_level = "High Risk"
+            
+        if found_keywords:
+            reasons.append(f"Suspicious keywords detected: {', '.join(found_keywords)}.")
+            if risk_level != "High Risk":
+                risk_level = "Suspicious"
+                
+        if amount > 5000:
+            reasons.append(f"High transaction amount (₹{amount}).")
+            if risk_level == "Safe":
+                risk_level = "Suspicious"
+                
+        if not amount_match and not upi_match:
+            reasons.append("Missing critical details like Amount or UPI ID.")
+            risk_level = "Suspicious"
+
+        if not reasons:
+            reasons.append("No obvious anomalies detected.")
+            
+        # Gemini Explanation
+        prompt = f"Analyze this UPI transaction context. Extracted text: {text[:200]}. Found keywords: {found_keywords}. Amount: {amount}. UPI ID: {upi_id}. Explain briefly why this might be risky or safe in Hinglish."
+        gemini_explanation = call_gemini(prompt, "You are a UPI fraud detection assistant. Give short, simple Hinglish advice.")
+        
+        return jsonify({
+            "risk_level": risk_level,
+            "reasons": reasons,
+            "extracted_text": text[:500],
+            "explanation": gemini_explanation,
+            "amount": amount,
+            "upi_id": upi_id
+        })
+    except Exception as e:
+        return jsonify({"error": str(e)}), 500
+
+@app.route("/check_upi", methods=["POST"])
+def check_upi():
+    data = request.json
+    upi_id = data.get("upi_id", "").strip().lower()
+    
+    if not upi_id or "@" not in upi_id:
+        return jsonify({"error": "Invalid UPI ID format"}), 400
+        
+    risk_level = "Safe"
+    reason = "UPI ID format looks valid."
+    
+    if upi_id in BLACKLISTED_UPIS:
+        risk_level = "High Risk"
+        reason = "This UPI ID is blacklisted."
+    else:
+        # Check patterns
+        if any(kw in upi_id for kw in ["cashback", "offer", "win", "reward", "urgent"]):
+            risk_level = "Suspicious"
+            reason = "UPI ID contains suspicious promotional keywords."
+            
+    prompt = f"A user wants to send money to UPI ID '{upi_id}'. Risk assessment is: {risk_level} because {reason}. Should they trust this? Explain in short Hinglish."
+    gemini_explanation = call_gemini(prompt, "You are a UPI fraud detection assistant. Give short, simple Hinglish advice.")
+    
+    return jsonify({
+        "risk_level": risk_level,
+        "reason": reason,
+        "explanation": gemini_explanation
+    })
+
+@app.route("/ask", methods=["POST"])
+def ask():
+    data = request.json
+    message = data.get("message", "")
+    
+    if not message:
+        return jsonify({"error": "Empty message"}), 400
+        
+    system_instruction = "You are a UPI Fraud Detection Assistant. Help users avoid fraud. Give short, simple Hinglish answers. Warn about risky transactions. Never ask for OTP or PIN."
+    response = call_gemini(message, system_instruction)
+    
+    return jsonify({"response": response})
+
+if __name__ == "__main__":
+    app.run(host="0.0.0.0", port=7860)

index.html

@@ -0,0 +1,552 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>UPI Fraud Detection System</title>
+    <style>
+        :root {
+            --bg-color: #0b1120;
+            --container-bg: #1e293b;
+            --primary: #3b82f6;
+            --text: #f8fafc;
+            --safe: #22c55e;
+            --suspicious: #eab308;
+            --high-risk: #ef4444;
+        }
+
+        body {
+            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+            background-color: var(--bg-color);
+            color: var(--text);
+            margin: 0;
+            padding: 20px;
+        }
+
+        .header {
+            text-align: center;
+            margin-bottom: 30px;
+        }
+
+        .header h1 {
+            color: var(--primary);
+        }
+
+        .tabs {
+            display: flex;
+            justify-content: center;
+            gap: 10px;
+            margin-bottom: 20px;
+            flex-wrap: wrap;
+        }
+
+        .tab-btn {
+            background: var(--container-bg);
+            color: var(--text);
+            border: 1px solid #334155;
+            padding: 10px 20px;
+            cursor: pointer;
+            border-radius: 5px;
+            font-size: 16px;
+            transition: 0.3s;
+        }
+
+        .tab-btn.active,
+        .tab-btn:hover {
+            background: var(--primary);
+            border-color: var(--primary);
+        }
+
+        .tab-content {
+            display: none;
+            background: var(--container-bg);
+            padding: 20px;
+            border-radius: 10px;
+            max-width: 800px;
+            margin: 0 auto;
+            border: 1px solid #334155;
+        }
+
+        .tab-content.active {
+            display: block;
+            animation: fadeIn 0.5s;
+        }
+
+        @keyframes fadeIn {
+            from {
+                opacity: 0;
+                transform: translateY(10px);
+            }
+
+            to {
+                opacity: 1;
+                transform: translateY(0);
+            }
+        }
+
+        .form-group {
+            margin-bottom: 15px;
+        }
+
+        input[type="file"],
+        input[type="text"] {
+            width: 100%;
+            padding: 10px;
+            background: #0f172a;
+            border: 1px solid #334155;
+            color: white;
+            border-radius: 5px;
+            box-sizing: border-box;
+        }
+
+        button.action-btn {
+            background: var(--primary);
+            color: white;
+            border: none;
+            padding: 10px 20px;
+            cursor: pointer;
+            border-radius: 5px;
+            font-size: 16px;
+            width: 100%;
+        }
+
+        button.action-btn:hover {
+            background: #2563eb;
+        }
+
+        .result-box {
+            margin-top: 20px;
+            padding: 15px;
+            border-radius: 5px;
+            background: #0f172a;
+            display: none;
+        }
+
+        .safe {
+            border-left: 5px solid var(--safe);
+        }
+
+        .suspicious {
+            border-left: 5px solid var(--suspicious);
+        }
+
+        .high-risk {
+            border-left: 5px solid var(--high-risk);
+        }
+
+        .action-cards {
+            display: grid;
+            gap: 15px;
+            grid-template-columns: 1fr;
+        }
+
+        .card {
+            background: #0f172a;
+            padding: 20px;
+            border-radius: 8px;
+            border-left: 4px solid var(--primary);
+        }
+
+        .chat-btn {
+            position: fixed;
+            bottom: 30px;
+            right: 30px;
+            background: var(--primary);
+            color: white;
+            border: none;
+            border-radius: 50%;
+            width: 60px;
+            height: 60px;
+            font-size: 30px;
+            cursor: pointer;
+            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
+            z-index: 1000;
+        }
+
+        .chat-popup {
+            display: none;
+            position: fixed;
+            bottom: 100px;
+            right: 30px;
+            width: 300px;
+            height: 400px;
+            background: var(--container-bg);
+            border-radius: 10px;
+            border: 1px solid #334155;
+            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
+            flex-direction: column;
+            z-index: 1000;
+            overflow: hidden;
+        }
+
+        .chat-header {
+            background: var(--primary);
+            padding: 15px;
+            text-align: center;
+            font-weight: bold;
+        }
+
+        .chat-body {
+            flex: 1;
+            padding: 15px;
+            overflow-y: auto;
+            display: flex;
+            flex-direction: column;
+            gap: 10px;
+        }
+
+        .chat-footer {
+            padding: 10px;
+            display: flex;
+            border-top: 1px solid #334155;
+        }
+
+        .chat-input {
+            flex: 1;
+            padding: 8px;
+            background: #0f172a;
+            border: 1px solid #334155;
+            color: white;
+            border-radius: 5px 0 0 5px;
+            outline: none;
+        }
+
+        .chat-send {
+            padding: 8px 15px;
+            background: var(--primary);
+            border: none;
+            color: white;
+            border-radius: 0 5px 5px 0;
+            cursor: pointer;
+        }
+
+        .msg {
+            max-width: 80%;
+            padding: 10px;
+            border-radius: 10px;
+            font-size: 14px;
+        }
+
+        .msg.user {
+            align-self: flex-end;
+            background: var(--primary);
+        }
+
+        .msg.ai {
+            align-self: flex-start;
+            background: #334155;
+        }
+
+        .loader {
+            border: 3px solid #f3f3f3;
+            border-radius: 50%;
+            border-top: 3px solid var(--primary);
+            width: 20px;
+            height: 20px;
+            animation: spin 1s linear infinite;
+            margin: 10px auto;
+            display: none;
+        }
+
+        @keyframes spin {
+            0% {
+                transform: rotate(0deg);
+            }
+
+            100% {
+                transform: rotate(360deg);
+            }
+        }
+
+        .quiz-option {
+            display: block;
+            background: #0f172a;
+            padding: 10px;
+            margin-bottom: 8px;
+            border-radius: 5px;
+            cursor: pointer;
+            border: 1px solid #334155;
+        }
+
+        .quiz-option:hover {
+            background: #1e293b;
+        }
+
+        .quiz-option input {
+            margin-right: 10px;
+        }
+    </style>
+</head>
+
+<body>
+
+    <div class="header">
+        <h1>🛡️ UPI Fraud Detection</h1>
+        <p>AI-Powered Secure Transactions</p>
+    </div>
+
+    <div class="tabs">
+        <button class="tab-btn active" onclick="openTab('tab1')">Screenshot Scan</button>
+        <button class="tab-btn" onclick="openTab('tab2')">UPI ID Checker</button>
+        <button class="tab-btn" onclick="openTab('tab3')">Action Engine</button>
+        <button class="tab-btn" onclick="openTab('tab4')">Fraud Quiz</button>
+    </div>
+
+    <div id="tab1" class="tab-content active">
+        <h2>Upload Payment Screenshot</h2>
+        <p>Check if a payment request or screenshot is fraudulent.</p>
+        <div class="form-group">
+            <input type="file" id="imageInput" accept="image/*">
+        </div>
+        <button class="action-btn" onclick="scanImage()">Scan Image</button>
+        <div class="loader" id="loader1"></div>
+
+        <div id="result1" class="result-box">
+            <h3 id="risk1"></h3>
+            <p><strong>Reasons:</strong> <span id="reason1"></span></p>
+            <p><strong>Extracted Amount:</strong> ₹<span id="amt1"></span> | <strong>UPI ID:</strong> <span
+                    id="upi1"></span></p>
+            <div style="background: #1e293b; padding: 10px; border-radius: 5px; margin-top: 10px;">
+                <p><strong>🤖 AI Explanation:</strong></p>
+                <p id="gemini1" style="color: #cbd5e1;"></p>
+            </div>
+        </div>
+    </div>
+
+    <div id="tab2" class="tab-content">
+        <h2>UPI ID Risk Checker</h2>
+        <div class="form-group">
+            <input type="text" id="upiInput" placeholder="Enter UPI ID (e.g., user@bank)">
+        </div>
+        <button class="action-btn" onclick="checkUPI()">Verify UPI ID</button>
+        <div class="loader" id="loader2"></div>
+
+        <div id="result2" class="result-box">
+            <h3 id="risk2"></h3>
+            <p><strong>Reason:</strong> <span id="reason2"></span></p>
+            <div style="background: #1e293b; padding: 10px; border-radius: 5px; margin-top: 10px;">
+                <p><strong>🤖 AI Explanation:</strong></p>
+                <p id="gemini2" style="color: #cbd5e1;"></p>
+            </div>
+        </div>
+    </div>
+
+    <div id="tab3" class="tab-content">
+        <h2>What Should I Do?</h2>
+        <p>Select your suspected risk level to see immediate actions.</p>
+        <div class="form-group" style="display:flex; gap:10px;">
+            <button class="action-btn" style="background: var(--safe)" onclick="showAction('Safe')">Safe</button>
+            <button class="action-btn" style="background: var(--suspicious)"
+                onclick="showAction('Suspicious')">Suspicious</button>
+            <button class="action-btn" style="background: var(--high-risk)" onclick="showAction('High Risk')">High
+                Risk</button>
+        </div>
+        <div class="action-cards" id="actionContainer" style="display:none; margin-top: 20px;">
+            <div class="card">
+                <h3 id="actionTitle"></h3>
+                <ul id="actionList" style="padding-left: 20px;"></ul>
+                <div style="background: #0b1120; padding: 10px; border-radius: 5px; margin-top: 10px;">
+                    <p><strong>🤖 AI Advice:</strong> <span id="actionAI"></span></p>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <div id="tab4" class="tab-content">
+        <h2>Fraud Awareness Quiz</h2>
+        <div id="quiz-container">
+        </div>
+        <button class="action-btn" onclick="submitQuiz()" style="margin-top: 15px;">Submit Quiz</button>
+        <div id="quiz-result" class="result-box">
+            <h3 id="quizScore"></h3>
+            <p id="quizLevel"></p>
+        </div>
+    </div>
+
+    <button class="chat-btn" onclick="toggleChat()">🤖</button>
+    <div class="chat-popup" id="chatPopup">
+        <div class="chat-header">Fraud Assistant</div>
+        <div class="chat-body" id="chatBody">
+            <div class="msg ai">Hello! Any questions about UPI fraud?</div>
+        </div>
+        <div class="chat-footer">
+            <input type="text" id="chatInput" class="chat-input" placeholder="Ask something..."
+                onkeypress="if(event.key === 'Enter') sendMessage()">
+            <button class="chat-send" onclick="sendMessage()">Send</button>
+        </div>
+    </div>
+
+    <script>
+        function openTab(tabId) {
+            document.querySelectorAll('.tab-content').forEach(el => el.classList.remove('active'));
+            document.querySelectorAll('.tab-btn').forEach(el => el.classList.remove('active'));
+            document.getElementById(tabId).classList.add('active');
+            event.target.classList.add('active');
+        }
+
+        function getRiskClass(risk) {
+            if (risk === "High Risk") return "high-risk";
+            if (risk === "Suspicious") return "suspicious";
+            return "safe";
+        }
+
+        async function scanImage() {
+            const file = document.getElementById('imageInput').files[0];
+            if (!file) return alert("Please select an image first.");
+
+            document.getElementById('loader1').style.display = "block";
+            document.getElementById('result1').style.display = "none";
+
+            const formData = new FormData();
+            formData.append("image", file);
+
+            try {
+                const res = await fetch('/upload', { method: 'POST', body: formData });
+                const data = await res.json();
+
+                document.getElementById('loader1').style.display = "none";
+                const resBox = document.getElementById('result1');
+                resBox.style.display = "block";
+
+                resBox.className = `result-box ${getRiskClass(data.risk_level)}`;
+                document.getElementById('risk1').innerText = `Risk Level: ${data.risk_level}`;
+                document.getElementById('reason1').innerText = data.reasons.join(" | ");
+                document.getElementById('amt1').innerText = data.amount;
+                document.getElementById('upi1').innerText = data.upi_id;
+                document.getElementById('gemini1').innerText = data.explanation || "No explanation provided.";
+
+                showAction(data.risk_level);
+            } catch (err) {
+                alert("Error processing image.");
+                document.getElementById('loader1').style.display = "none";
+            }
+        }
+
+        async function checkUPI() {
+            const upi = document.getElementById('upiInput').value;
+            if (!upi) return alert("Please enter a UPI ID.");
+
+            document.getElementById('loader2').style.display = "block";
+            document.getElementById('result2').style.display = "none";
+
+            try {
+                const res = await fetch('/check_upi', {
+                    method: 'POST',
+                    headers: { 'Content-Type': 'application/json' },
+                    body: JSON.stringify({ upi_id: upi })
+                });
+                const data = await res.json();
+
+                document.getElementById('loader2').style.display = "none";
+                const resBox = document.getElementById('result2');
+                resBox.style.display = "block";
+
+                resBox.className = `result-box ${getRiskClass(data.risk_level)}`;
+                document.getElementById('risk2').innerText = `Risk Level: ${data.risk_level}`;
+                document.getElementById('reason2').innerText = data.reason;
+                document.getElementById('gemini2').innerText = data.explanation || "No explanation provided.";
+            } catch (err) {
+                alert("Error checking UPI.");
+                document.getElementById('loader2').style.display = "none";
+            }
+        }
+
+        function showAction(riskLevel) {
+            document.getElementById('actionContainer').style.display = "block";
+            const title = document.getElementById('actionTitle');
+            const list = document.getElementById('actionList');
+            const ai = document.getElementById('actionAI');
+
+            if (riskLevel === "High Risk") {
+                title.innerText = "🚨 High Risk Detected!";
+                title.style.color = "var(--high-risk)";
+                list.innerHTML = "<li>Do NOT enter your UPI PIN.</li><li>Do NOT send money.</li><li>Block the sender immediately.</li>";
+                ai.innerText = "Yeh transaction bohot risky hai! Turant block karein aur kisi ko PIN na batayein.";
+            } else if (riskLevel === "Suspicious") {
+                title.innerText = "⚠️ Suspicious Activity";
+                title.style.color = "var(--suspicious)";
+                list.innerHTML = "<li>Double-check the receiver's name and details.</li><li>Call the person to verify.</li><li>Ensure you are paying, not receiving.</li>";
+                ai.innerText = "Dhyan se check karein. Agar 'Receive' likha hai, toh paise katenge, aayenge nahi.";
+            } else {
+                title.innerText = "✅ Seems Safe";
+                title.style.color = "var(--safe)";
+                list.innerHTML = "<li>Verify the name on the bank app before proceeding.</li><li>Keep transaction amounts within limits.</li>";
+                ai.innerText = "Sab theek lag raha hai, par ek baar naam zaroor verify kar lein.";
+            }
+        }
+
+        function toggleChat() {
+            const popup = document.getElementById('chatPopup');
+            popup.style.display = popup.style.display === "flex" ? "none" : "flex";
+        }
+
+        async function sendMessage() {
+            const input = document.getElementById('chatInput');
+            const msg = input.value.trim();
+            if (!msg) return;
+
+            const chatBody = document.getElementById('chatBody');
+            chatBody.innerHTML += `<div class="msg user">${msg}</div>`;
+            input.value = "";
+            chatBody.scrollTop = chatBody.scrollHeight;
+
+            const typingId = "typing-" + Date.now();
+            chatBody.innerHTML += `<div class="msg ai" id="${typingId}">Typing...</div>`;
+            chatBody.scrollTop = chatBody.scrollHeight;
+
+            try {
+                const res = await fetch('/ask', {
+                    method: 'POST',
+                    headers: { 'Content-Type': 'application/json' },
+                    body: JSON.stringify({ message: msg })
+                });
+                const data = await res.json();
+                document.getElementById(typingId).innerText = data.response;
+            } catch (e) {
+                document.getElementById(typingId).innerText = "Error reaching AI.";
+            }
+            chatBody.scrollTop = chatBody.scrollHeight;
+        }
+
+        const questions = [
+            { q: "What should you do to RECEIVE money on UPI?", opts: ["Enter UPI PIN", "Scan QR Code", "Just share UPI ID", "Click on unknown links"], ans: 2 },
+            { q: "If an app asks you to install 'AnyDesk' or 'QuickSupport', you should:", opts: ["Install it", "Block the caller", "Give them access", "Ask for OTP"], ans: 1 },
+            { q: "Customer care numbers found on Google search are always authentic.", opts: ["True", "False"], ans: 1 },
+            { q: "What does a 'Collect Request' mean?", opts: ["Money will be credited", "Money will be debited", "Bank verification", "Cashback received"], ans: 1 },
+            { q: "Never share your:", opts: ["UPI ID", "Name", "UPI PIN", "Phone Number"], ans: 2 }
+        ];
+
+        let quizHtml = "";
+        questions.forEach((q, i) => {
+            quizHtml += `<div style="margin-bottom:15px;"><p><strong>Q${i + 1}:</strong> ${q.q}</p>`;
+            q.opts.forEach((opt, j) => {
+                quizHtml += `<label class="quiz-option"><input type="radio" name="q${i}" value="${j}"> ${opt}</label>`;
+            });
+            quizHtml += `</div>`;
+        });
+        document.getElementById('quiz-container').innerHTML = quizHtml;
+
+        function submitQuiz() {
+            let score = 0;
+            questions.forEach((q, i) => {
+                const selected = document.querySelector(`input[name="q${i}"]:checked`);
+                if (selected && parseInt(selected.value) === q.ans) {
+                    score++;
+                }
+            });
+            const resBox = document.getElementById('quiz-result');
+            resBox.style.display = "block";
+            document.getElementById('quizScore').innerText = `Score: ${score}/${questions.length}`;
+
+            let level = "Beginner";
+            if (score >= 4) level = "Expert 🏆";
+            else if (score >= 2) level = "Intermediate 👍";
+
+            document.getElementById('quizLevel').innerText = `Your Awareness Level: ${level}`;
+            resBox.className = "result-box " + (score >= 4 ? "safe" : (score >= 2 ? "suspicious" : "high-risk"));
+        }
+    </script>
+</body>
+
+</html>

requirements.txt

@@ -0,0 +1,4 @@
+flask
+requests
+pytesseract
+pillow