Merge pull request #9 from kc3hack/FE-2

［FE-2］Solo.tsxとSolo.cssの作成．localhost/SoloでSolo.tsxに移行．

Author: IRyoma

frontend/package-lock.json

@@ -11,7 +11,8 @@
   },
   "dependencies": {
     "react": "^19.2.0",
-    "react-dom": "^19.2.0"
+    "react-dom": "^19.2.0",
+    "react-router-dom": "^7.13.0"
   },
   "devDependencies": {
     "@eslint/js": "^9.39.1",

frontend/package.json

@@ -0,0 +1,14 @@
+import './Solo.css'
+
+function Solo() {
+
+  return (
+    <>
+      <div>
+        あ
+      </div>
+    </>
+  )
+}
+
+export default Solo

frontend/src/Solo/Solo.css

@@ -1,10 +1,19 @@
 import { StrictMode } from 'react'
 import { createRoot } from 'react-dom/client'
+import { BrowserRouter, Routes, Route } from 'react-router-dom'
 import './index.css'
 import App from './App.tsx'
+import Solo from './Solo/index.tsx'
 
 createRoot(document.getElementById('root')!).render(
   <StrictMode>
-    <App />
+    <BrowserRouter>
+      <Routes>
+        {/* localhost:5173 */}
+        <Route path="/" element={<App />} />
+        {/* localhost:5173/solo */}
+        <Route path="/solo" element={<Solo />} />
+      </Routes>
+    </BrowserRouter>
   </StrictMode>,
 )