updated poc front end

2023-11-30 17:26:15 -05:00
parent f840331e57
commit 095628567c
5 changed files with 43 additions and 6 deletions
--- a/client/index.html
+++ b/client/index.html
@@ -1,10 +1,33 @@
 <!DOCTYPE html>
 <html>
 <head>
-    <title>Hello World Client</title>
+    <title>Simple Frontend</title>
+    <script>
+        function fetchData() {
+            fetch('http://localhost:8000/games')
+                .then(response => response.json())
+                .then(data => {
+                    // Assuming 'data' is an array of games
+                    const display = document.getElementById('data-display');
+                    display.innerHTML = ''; // Clear previous content
+                    data.forEach(game => {
+                        const listItem = document.createElement('li');
+                        listItem.textContent = game.name; // Modify as per your data structure
+                        display.appendChild(listItem);
+                    });
+                })
+                .catch(error => {
+                    console.error('Error:', error);
+                    document.getElementById('data-display').textContent = 'Error loading data';
+                });
+        }
+    </script>
 </head>
 <body>
-    <h1>Hello World from Client</h1>
+    <h1>Welcome to the Proof of Concept Frontend</h1>
+    <button onclick="fetchData()">Fetch Data from Backend</button>
+    <div id="data-display"> <!-- Data will be displayed here -->
+        <!-- Fetched data will be inserted here -->
+    </div>
 </body>
 </html>
-