first commit

frontend/app.js

@@ -0,0 +1,14 @@
+// Simple fetch to populate visit list
+const visitList = document.getElementById('visit-list');
+async function loadVisits() {
+  const resp = await fetch('http://localhost:8000/visits/');
+  const data = await resp.json();
+  visitList.innerHTML = '';
+  data.forEach(v => {
+    const li = document.createElement('li');
+    li.textContent = `${new Date(v.start_time).toLocaleString()} - ${v.duration_minutes} min`;
+    visitList.appendChild(li);
+  });
+}
+loadVisits();
+// Could add intervals or form handling later

frontend/index.html

@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Fitness Tracker Dashboard</title>
+    <style>
+        body {font-family: Arial, sans-serif; margin: 20px;}
+        .card {border: 1px solid #ddd; padding: 10px; margin-bottom: 10px;}
+        h2 {margin-top: 0;}
+    </style>
+</head>
+<body>
+    <h1>Fitness Tracker Dashboard</h1>
+    <div id="visits" class="card">
+        <h2>Visits</h2>
+        <ul id="visit-list"></ul>
+    </div>
+    <script src="app.js"></script>
+</body>
+</html>