diff --git a/barkmanui/src/App.tsx b/barkmanui/src/App.tsx
index ac886f0..f9b327e 100644
--- a/barkmanui/src/App.tsx
+++ b/barkmanui/src/App.tsx
@@ -10,6 +10,7 @@ import {BarkHeader} from "./common/components/BarkHeader.tsx";
 import AddItem from "./features/inventory/AddItem.tsx";
 import { Notifications } from '@mantine/notifications';
 import '@mantine/notifications/styles.css';
+import CustomerList from "@/features/customers/CustomerList.tsx";
 
 // Create a client
 const queryClient = new QueryClient()
@@ -46,6 +47,8 @@ function App() {
                     <Route path="inventory/itemDetail/:itemId" element={<ItemDetail/>}/>
                     <Route path="inventory/editItem/:itemId" element={<EditItem/>}/>
                     <Route path="inventory/addItem" element={<AddItem/>}/>
+                    <Route path="customers" element={<CustomerList/>}/>
+
                 </Routes>
             </>
         </QueryClientProvider>
diff --git a/barkmanui/src/common/components/BarkHeader.tsx b/barkmanui/src/common/components/BarkHeader.tsx
index 7fef196..8ab8ea8 100644
--- a/barkmanui/src/common/components/BarkHeader.tsx
+++ b/barkmanui/src/common/components/BarkHeader.tsx
@@ -7,6 +7,7 @@ import BarkLogo from '@/assets/barklogo.png';
 
 const links = [
     { link: '/', label: 'Home' },
+    { link: '/customers', label: 'Customers' },
     { link: '/inventory', label: 'Inventory' },
 ];