Finalized Working

j-harishankar · j-harishankar · commit 5ed886ecb8be · 2025-07-01T19:24:52.000+05:30
diff --git a/extension/popup.html b/extension/popup.html
@@ -6,8 +6,13 @@
     body {
       font-family: Arial, sans-serif;
       padding: 10px;
-      width: 250px;
+      width: 300px;
     }
+
+    h3 {
+      margin-top: 0;
+    }
+
     #getHelp {
       padding: 10px;
       background: #4CAF50;
@@ -16,13 +21,24 @@
       width: 100%;
       border-radius: 5px;
       cursor: pointer;
+      margin-bottom: 10px;
+    }
+
+    ul {
+      padding-left: 20px;
+    }
+
+    li {
+      margin-bottom: 5px;
     }
   </style>
 </head>
 <body>
   <h3>Need Help with LeetCode?</h3>
   <button id="getHelp">Get Step-by-Step Help</button>
 
+  <ul id="output"></ul> <!-- This is where the guided steps will appear -->
+
   <script src="popup.js"></script>
 </body>
 </html>
diff --git a/extension/popup.js b/extension/popup.js
@@ -1,4 +1,5 @@
 console.log("📦 popup.js loaded");
+
 document.getElementById("getHelp").addEventListener("click", async () => {
   chrome.tabs.query({ active: true, currentWindow: true }, async (tabs) => {
     const tab = tabs[0];
@@ -8,20 +9,28 @@ document.getElementById("getHelp").addEventListener("click", async () => {
     console.log("LeetCode URL:", url);
     console.log("Problem Title:", title);
 
-    // For tomorrow: send to Django here
-    fetch("http://127.0.0.1:8000/api/solve/", {
-    method: "POST",
-    headers: {
-      "Content-Type": "application/json"
-    },
-    body: JSON.stringify({
-      title: title,
-      url: url
-    })
-  })
-  .then(response => response.json())
-  .then(data => console.log("✅ Response from Django:", data))
-  .catch(error => console.error("❌ Error:", error));
+    const response = await fetch("http://127.0.0.1:8000/api/solve/", {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json"
+      },
+      body: JSON.stringify({ title, url })
+    });
+
+    const data = await response.json();
+    console.log("✅ Response from Django:", data);
+
+    const output = document.getElementById("output");
+    output.innerHTML = "";
 
+    if (data.steps && Array.isArray(data.steps)) {
+      data.steps.forEach((step, index) => {
+        const li = document.createElement("li");
+        li.textContent = step;
+        output.appendChild(li);
+      });
+    } else {
+      output.innerHTML = "<p>No steps found.</p>";
+    }
   });
 });
diff --git a/leetcode_backend/api/__pycache__/views.cpython-313.pyc b/leetcode_backend/api/__pycache__/views.cpython-313.pyc
diff --git a/leetcode_backend/api/views.py b/leetcode_backend/api/views.py
@@ -1,23 +1,36 @@
 from django.http import JsonResponse
 from django.views.decorators.csrf import csrf_exempt
 import json
-
+import google.generativeai as genai
+from django.conf import settings
     
 # Create your views here.
+
+genai.configure(api_key=settings.GEMINI_API_KEY)
 @csrf_exempt
 def solve_view(request):
     if request.method == 'POST':
         data = json.loads(request.body)
         title = data.get("title")
         url = data.get("url")
         print(f"Received: {title}, {url}")
-        return JsonResponse({
-            "steps": [
-                f"Step 1: Understand the problem '{title}'",
-                "Step 2: Write edge cases",
-                "Step 3: Think of brute-force",
-                "Step 4: Optimize your solution",
-                f"Step 5: Submit on LeetCode: {url}"
-            ]
-        })
+            
+        prompt = f"""
+        You're an expert LeetCode mentor. A user is working on the problem titled: "{title}" ({url}).
+        Give them clear, step-by-step guidance to solve it — including edge cases, brute-force thinking, and optimization ideas.
+        DO NOT write or suggest actual code.
+        Only provide strategic help in natural language.
+        """
+
+        
+        model = genai.GenerativeModel("models/gemini-1.5-flash")  
+        response = model.generate_content(prompt)
+        answer = response.text
+
+    
+        steps = answer.strip().split("\n")
+        steps = [step.strip() for step in steps if step.strip()]
+
+        return JsonResponse({"steps": steps})
+
     return JsonResponse({"error": "Only POST allowed"}, status=400)
diff --git a/leetcode_backend/backend/__pycache__/settings.cpython-313.pyc b/leetcode_backend/backend/__pycache__/settings.cpython-313.pyc
diff --git a/leetcode_backend/backend/settings.py b/leetcode_backend/backend/settings.py
@@ -21,6 +21,7 @@
 
 # SECURITY WARNING: keep the secret key used in production secret!
 SECRET_KEY = 'django-insecure-3i1tui3mzz&3ovzlutdog7y!j=8o9(vuah3yg*k!a57r%u(6%w'
+GEMINI_API_KEY = "AIzaSyDU88ywematkfLK7q9j5GXIRlZhewSDH3E"
 
 # SECURITY WARNING: don't run with debug turned on in production!
 DEBUG = True
