Upload files to "frontend/src"

frontend/src/App.tsx

@@ -0,0 +1,15 @@
+import React from "react";
+import { Route, Routes } from "react-router-dom";
+import { Landing, Error, Bin } from "./pages";
+
+const App = () => {
+	return (
+		<Routes>
+			<Route path="/" element={<Landing />} />
+			<Route path="/:id" element={<Bin />} />
+			<Route path="*" element={<Error code={404} />} />
+		</Routes>
+	);
+};
+
+export default App;

frontend/src/environment.d.ts

@@ -0,0 +1,9 @@
+declare global {
+    namespace NodeJS {
+        interface ProcessEnv {
+            REACT_APP_BASE_API_URL: string;
+        }
+    }
+}
+
+export {};

frontend/src/index.css

@@ -0,0 +1,14 @@
+@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
+@import "./assets/jetbrains-mono.css";
+
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+* {
+    font-family: "Inter", sans-serif;
+}
+
+code, code * {
+    font-family: "JetBrains Mono", monospace;
+}

frontend/src/index.tsx

@@ -0,0 +1,18 @@
+import React from "react";
+import ReactDOM from "react-dom/client";
+import "./index.css";
+import "./assets/night-owl.css";
+import App from "./App";
+import { BrowserRouter } from "react-router-dom";
+
+const root = ReactDOM.createRoot(
+	document.getElementById("root") as HTMLElement
+);
+
+root.render(
+	<React.StrictMode>
+		<BrowserRouter>
+			<App/>
+		</BrowserRouter>
+	</React.StrictMode>
+);

frontend/src/react-app-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="react-scripts" />