init ui

ui/src/App.tsx

@@ -0,0 +1,12 @@
+import { BrowserRouter, Route, Routes } from "react-router-dom";
+import { HomePage } from "@/pages/home";
+
+export default function App() {
+    return (
+        <BrowserRouter>
+            <Routes>
+                <Route path="/" element={<HomePage />} />
+            </Routes>
+        </BrowserRouter>
+    );
+}

ui/src/index.css

@@ -0,0 +1,5 @@
+@import "tailwindcss";
+
+body {
+    @apply bg-gray-950 text-gray-300;
+}

ui/src/main.tsx

@@ -0,0 +1,10 @@
+import { StrictMode } from "react";
+import { createRoot } from "react-dom/client";
+import App from "@/App.tsx";
+import "@/index.css";
+
+createRoot(document.getElementById("root")!).render(
+    <StrictMode>
+        <App />
+    </StrictMode>,
+);

ui/src/pages/home.tsx

@@ -0,0 +1,8 @@
+export function HomePage() {
+    return (
+        <div>
+            <h1>Welcome to Status Monitor</h1>
+            <p>This is the home page.</p>
+        </div>
+    );
+}

ui/src/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite/client" />