Create frontend/src/App.jsx

frontend/src/App.jsx

@@ -0,0 +1,23 @@
+import React, { useEffect, useState } from "react";
+
+export default function App() {
+  const [apiMsg, setApiMsg] = useState("");
+
+  useEffect(() => {
+    fetch("/api/hello")
+      .then((r) => r.json())
+      .then((d) => setApiMsg(d.message))
+      .catch(() => setApiMsg("API not reachable yet"));
+  }, []);
+
+  return (
+    <div style={{ fontFamily: "system-ui", padding: 24, lineHeight: 1.5 }}>
+      <h1>React + FastAPI (Docker, HF Spaces)</h1>
+      <p>This is a plain starter page. Customize freely.</p>
+
+      <div style={{ marginTop: 16, padding: 12, border: "1px solid #ddd", borderRadius: 8 }}>
+        <strong>API says:</strong> {apiMsg}
+      </div>
+    </div>
+  );
+}