Merge pull request #6 from acm-uic/react-router

Installed react-router-dom and create /home page

Author: Ajknight121

minigame-frontend/package-lock.json

@@ -11,7 +11,8 @@
   },
   "dependencies": {
     "react": "^18.3.1",
-    "react-dom": "^18.3.1"
+    "react-dom": "^18.3.1",
+    "react-router-dom": "^6.26.2"
   },
   "devDependencies": {
     "@eslint/js": "^9.9.0",

minigame-frontend/package.json

@@ -1,10 +1,24 @@
 import { StrictMode } from 'react'
 import { createRoot } from 'react-dom/client'
+import {createBrowserRouter, RouterProvider} from "react-router-dom";
+
 import App from './App.jsx'
 import './index.css'
+import { Homepage } from './page/Homepage.jsx';
+
+const router = createBrowserRouter([
+  {
+    path: "/",
+    element: <App />
+  },
+  {
+    path: "/home",
+    element: <Homepage />
+  }
+])
 
 createRoot(document.getElementById('root')).render(
   <StrictMode>
-    <App />
+    <RouterProvider router={router} />
   </StrictMode>,
 )

minigame-frontend/src/main.jsx

@@ -0,0 +1,7 @@
+import React from 'react'
+
+export const Homepage = () => {
+  return (
+    <div>Hello Homepage</div>
+  )
+}