Pull markdown from GitHub.

Author: JackTench

src/app/home.tsx

@@ -1,7 +1,10 @@
+import { AppGitHubReadme } from "@/components/libresplit/AppGitHubReadme";
+
 export function Home() {
   return (
     <div>
       <h1>LibreSplit</h1>
+      <AppGitHubReadme />
     </div>
   );
 }

src/components/libresplit/AppGitHubReadme.tsx

@@ -0,0 +1,28 @@
+import { useEffect, useState } from "react";
+
+export function AppGitHubReadme() {
+  const [readme, setReadme] = useState<string>("Loading...");
+
+  const urlReadme =
+    "https://raw.githubusercontent.com/LibreSplit/LibreSplit/refs/heads/main/README.md";
+
+  // Fetch markdown from GitHub page for LibreSplit, place into the readme state.
+  useEffect(() => {
+    fetch(urlReadme)
+      .then((res) => {
+        // Check for HTTP error.
+        if (!res.ok) throw new Error("HTTP Error! Status: ${res.status}");
+        return res.text();
+      })
+      .then((text) => setReadme(text))
+      .catch(() => {
+        setReadme("Failed to load README from GitHub.");
+      });
+  }, []);
+
+  return (
+    <div>
+      <p>{readme}</p>
+    </div>
+  );
+}