codeit-bootcamp-frontend · kiJu2 · Aug 8, 2025 · Aug 7, 2025 · Aug 7, 2025 · Aug 7, 2025
diff --git a/vite-project/index.html b/vite-project/index.html
@@ -7,6 +7,6 @@
   </head>
   <body>
     <div id="root"></div>
-    <script type="module" src="/src/index.jsx"></script>
+    <script type="module" src="/src/main.jsx"></script>
   </body>
 </html>
diff --git a/vite-project/src/api/HttpClient.js b/vite-project/src/api/HttpClient.js
@@ -0,0 +1,51 @@
+function trimPath(str) {
+  let trimmed = str.trim();
+  while (trimmed.startsWith("/")) {
+    trimmed = trimmed.slice(1);
+  }
+  return trimmed;
+}
+
+function createUrl(baseUrl, path, searchParams) {
+  const trimmed = trimPath(path);
+  const url = new URL(`${baseUrl}/${trimmed}`);
+
+  if (!searchParams) {
+    return url;
+  }
+
+  Object.keys(searchParams).forEach((key) =>
+    url.searchParams.append(key, searchParams[key])
+  );
+
+  return url;
+}
+
+class HttpClient {
+  constructor({ baseUrl }) {
+    this.baseUrl = baseUrl;
+  }
+
+  async get(target, params) {
+    let url;
+    if (this.baseUrl) {
+      url = createUrl(this.baseUrl, target, params);
+    } else {
+      url = target;
+    }
+
+    const response = await fetch(url, { method: "GET" });
+    if (!response.ok) {
+      throw new Error(`HTTP error (status ${response.status}`);
+    }
+
+    const json = await response.json();
+    return json;
+  }
+}
+
+export default HttpClient;
+
+const client = new HttpClient({ baseUrl: import.meta.env.VITE_API_BASE_URL });
+
+export { client };
diff --git a/vite-project/src/api/api.js b/vite-project/src/api/api.js
diff --git a/vite-project/src/api/products.js b/vite-project/src/api/products.js
diff --git a/vite-project/src/app.jsx b/vite-project/src/app.jsx
@@ -0,0 +1,24 @@
+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 "./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>
+    </BrowserRouter>
+  );
+}
+
+export default App;
diff --git a/vite-project/src/components/App.css b/vite-project/src/components/App.css
diff --git a/vite-project/src/components/App.jsx b/vite-project/src/components/App.jsx
diff --git a/vite-project/src/components/Nav.css b/vite-project/src/components/Nav.css
diff --git a/vite-project/src/components/Nav.jsx b/vite-project/src/components/Nav.jsx
diff --git a/vite-project/src/components/OrderBySelect.css b/vite-project/src/components/OrderBySelect.css