Merge branch 'it20617400/proficiency_level_detection' into 'master'

front page created See merge request 2023-24-027/implementation-of-an-intelligent-virtual-tutor-to-enhance-english-vocabulary-skills-of-grade-6-students!6

Merge branch 'it20617400/proficiency_level_detection' into 'master'
front page created See merge request 2023-24-027/implementation-of-an-intelligent-virtual-tutor-to-enhance-english-vocabulary-skills-of-grade-6-students!6
ef5367f1 · Udara Rangika Herath · 8bfaa91c · f6ef6c08 · ef5367f1
Commit ef5367f1 authored Feb 07, 2024 by Udara Rangika Herath
Hide whitespace changes
Inline Side-by-side

Showing with 43 additions and 0 deletions

ProficiencyLevelDetection/index.html ProficiencyLevelDetection/index.html +43 -0

No files found.
--- a/ProficiencyLevelDetection/index.html
+++ b/ProficiencyLevelDetection/index.html
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Proficiency Level Identification</title>
+</head>
+<body>
+    <h1>Proficiency Level Identification</h1>
+
+    <textarea id="inputData" placeholder="Enter JSON data here" rows="15" cols="40"></textarea>
+    <div>
+    <button onclick="makeRequest()">Send Request</button>
+    </div>
+
+    <h2>Response:</h2>
+    <pre id="response"></pre>
+
+    <script>
+        function makeRequest() {
+            var inputData = document.getElementById("inputData").value;
+            
+            // Replace this URL with your Flask API endpoint
+            var apiUrl = "http://127.0.0.1:5000/predict_proficiency";
+
+            fetch(apiUrl, {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json'
+                },
+                body: inputData
+            })
+            .then(response => response.json())
+            .then(data => {
+                document.getElementById("response").innerText = JSON.stringify(data, null, 2);
+            })
+            .catch(error => {
+                document.getElementById("response").innerText = "Error: " + error.message;
+            });
+        }
+    </script>
+</body>
+</html>