Web Client (#11)

* Github Oauth

* A simple frontend

* Add middleware proxy on dev

* Forward proxy and rewrite path, add oauth to frontend, increase jwt expiry time to 12 hours

* Some simple style changes

* Add keys as user

* Checkpoint - auth is broken

* Fix auth and use player model, unrelated to this pr: flip board if dark

* Close player session when password or key deleted or put

* Add build script - this branch is quickly becoming cringe

* Docker v2 - add migration and scripts, fix local storage and index that caused build issues

* Ignore keys, proxy api correctly nginx

* Finally nginx is resolved jesus christ

* Remove max screen dimension limits cuz cringe

* Cursor highlight

* Add password form, some minor frontend changes as well

* Remove cringe on home page

* Move to 127.0.0.1 loopback in env

* Add github id in player structs for tests

1 files changed, 47 insertions, 0 deletions

diff --git a/front/src/index.js b/front/src/index.js
new file mode 100644
index 0000000..e827e0a
--- /dev/null
+++ b/front/src/index.js
@@ -0,0 +1,47 @@
+import React from "react";
+import ReactDOM from "react-dom/client";
+import { createBrowserRouter, RouterProvider } from "react-router-dom";
+
+import { AuthProvider } from "./context/auth_context";
+import { Root } from "./root";
+import { Demo } from "./routes/demo";
+import { Home } from "./routes/home";
+import { Keys } from "./routes/keys";
+import { Password } from "./routes/password";
+import { AuthSuccessful } from "./routes/auth_successful";
+
+import "./index.css";
+
+const router = createBrowserRouter([
+  { path: "/", element: <Demo /> },
+  {
+    path: "/",
+    element: <Root />,
+    errorElement: <> </>,
+    children: [
+      {
+        path: "home",
+        element: <Home />,
+      },
+      {
+        path: "password",
+        element: <Password />,
+      },
+      {
+        path: "keys",
+        element: <Keys />,
+      },
+      {
+        path: "auth-successful",
+        element: <AuthSuccessful />,
+      },
+    ],
+  },
+]);
+
+const root = ReactDOM.createRoot(document.getElementById("root"));
+root.render(
+  <AuthProvider>
+    <RouterProvider router={router} />
+  </AuthProvider>
+);