[김참솔] Sprint 8

vite-project/package.json

@@ -5,7 +5,7 @@
   "type": "module",
   "scripts": {
     "dev": "vite",
-    "build": "vite build",
+    "build": "tsc -b && vite build",
     "lint": "eslint .",
     "preview": "vite preview"
   },
@@ -17,13 +17,17 @@
   },
   "devDependencies": {
     "@eslint/js": "^9.25.0",
+    "@types/node": "^24.3.0",
     "@types/react": "^19.1.2",
     "@types/react-dom": "^19.1.2",
+    "@types/styled-components": "^5.1.34",
     "@vitejs/plugin-react": "^4.4.1",
     "eslint": "^9.25.0",
     "eslint-plugin-react-hooks": "^5.2.0",
     "eslint-plugin-react-refresh": "^0.4.19",
     "globals": "^16.0.0",
+    "typescript": "^5.9.2",
+    "typescript-eslint": "^8.42.0",
     "vite": "^6.3.5"
   }
 }

vite-project/src/app.jsx

@@ -1,22 +1,56 @@
 import { BrowserRouter, Route, Routes } from "react-router-dom";
-import HomeLayout from "./layouts/home-layout/home-layout";
-import AddItemPage from "./pages/add-item/add-item-page";
-import ItemDetailPage from "./pages/items/item-detail-page";
-import ItemsPage from "./pages/items/items-page";
+import HomeLayout from "./layouts/home-layout";
+import OnboardingLayout from "./layouts/onboarding-layout";
+import AddItemPage from "./pages/add-item-page";
+import ItemDetailPage from "./pages/item-detail-page";
+import ItemsPage from "./pages/items-page";
+import LoginPage from "./pages/login-page";
+import NotFoundPage from "./pages/not-found-page";
+import OnboardingPage from "./pages/onboarding-page";
+import SignUpPage from "./pages/signup-page";
 import "./styles/global.css";
 import "./styles/palette.css";
 
 function App() {
   return (
     <BrowserRouter>
-      <HomeLayout>
-        <Routes>
-          <Route path="/items" element={<ItemsPage />} />
-          <Route path="/items/:id" element={<ItemDetailPage />} />
-          <Route path="/additem" element={<AddItemPage />} />
-          <Route path="*" element={<h1>NOT IMPLEMENTED</h1>} />
-        </Routes>
-      </HomeLayout>
+      <Routes>
+        <Route
+          path="/"
+          element={
+            <OnboardingLayout>
+              <OnboardingPage />
+            </OnboardingLayout>
+          }
+        />
+        <Route path="/login" element={<LoginPage />} />
+        <Route path="/signup" element={<SignUpPage />} />
+        <Route
+          path="/items"
+          element={
+            <HomeLayout>
+              <ItemsPage />
+            </HomeLayout>
+          }
+        />
+        <Route
+          path="/items/:id"
+          element={
+            <HomeLayout>
+              <ItemDetailPage />
+            </HomeLayout>
+          }
+        />
+        <Route
+          path="/additem"
+          element={
+            <HomeLayout>
+              <AddItemPage />
+            </HomeLayout>
+          }
+        />
+        <Route path="*" element={<NotFoundPage />} />
+      </Routes>
     </BrowserRouter>
   );
 }