diff --git a/client/src/main.jsx b/client/src/main.jsx
index 6e6e5f5..724b8c1 100644
--- a/client/src/main.jsx
+++ b/client/src/main.jsx
@@ -1,9 +1,21 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import App from './App.jsx';
+import {createBrowserRouter, RouterProvider} from "react-router-dom";
+import {routes} from "@/common/routes/index.jsx";
+
+const router = createBrowserRouter([{
+    path: "/",
+    element: <App/>,
+    children: Object.keys(routes).map(key => routes[key]).flat(Infinity).map(route => ({
+        index: route.path === '/',
+        path: route.path === '/' ? undefined : route.path,
+        element: route.component
+    }))
+}]);
 
 ReactDOM.createRoot(document.getElementById('root')).render(
   <React.StrictMode>
-    <App />
+      <RouterProvider router={router} />
   </React.StrictMode>,
 );
\ No newline at end of file