init frontend

AceJobAgency.client/src/App.tsx

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

AceJobAgency.client/src/index.css

@@ -0,0 +1,19 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+* {
+    -moz-user-select: none;
+    -khtml-user-select: none;
+    -webkit-user-select: none;
+
+    /*
+       Introduced in Internet Explorer 10.
+       See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/
+     */
+    -ms-user-select: none;
+    user-select: none;
+    -webkit-user-drag: none;
+
+    cursor: default;
+}

AceJobAgency.client/src/layouts/DefaultLayout.tsx

@@ -0,0 +1,19 @@
+import { Outlet } from "react-router-dom";
+
+export default function DefaultLayout() {
+  return (
+    <div className="relative flex flex-col justify-between">
+      <div className="flex flex-col min-h-screen">
+        <div className="flex-grow">
+          <Outlet />
+        </div>
+      </div>
+
+      {/*
+      A div that becomes black in dark mode to cover white color parts
+      of the website when scrolling past the window's original view.
+      */}
+      <div className="fixed -z-50 dark:bg-black inset-0 w-full h-full"></div>
+    </div>
+  );
+}

AceJobAgency.client/src/main.tsx

@@ -0,0 +1,22 @@
+import React from "react";
+import ReactDOM from "react-dom/client";
+import { HeroUIProvider } from "@heroui/react";
+import { BrowserRouter } from "react-router-dom";
+import App from "./App.tsx";
+import "./index.css";
+
+document.addEventListener("contextmenu", (event) => {
+  event.preventDefault();
+});
+
+ReactDOM.createRoot(document.getElementById("root")!).render(
+  <React.StrictMode>
+    <BrowserRouter>
+      <HeroUIProvider>
+        <main>
+          <App />
+        </main>
+      </HeroUIProvider>
+    </BrowserRouter>
+  </React.StrictMode>
+);

AceJobAgency.client/src/pages/HomePage.tsx

@@ -0,0 +1,7 @@
+export default function HomePage() {
+  return (
+    <div className="absolute inset-0 w-full h-full">
+      <p className="p-8 pt-12 text-3xl">Ace Job Agency</p>
+    </div>
+  );
+}

AceJobAgency.client/src/vite-env.d.ts

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