Project Initialization

apps/edr-passenger-web/backoffice/src/App.tsx

@@ -0,0 +1,29 @@
+import { useNavigate, useLocation, Routes, Route, Navigate } from 'react-router-dom';
+import { DashboardLayout, type SidebarItem } from '@edr/ui-common';
+
+import DashboardPage from './pages/dashboard/DashboardPage';
+
+const sidebarItems: SidebarItem[] = [
+  { label: 'Dashboard', href: '/' },
+];
+
+const App = () => {
+  const navigate = useNavigate();
+  const location = useLocation();
+
+  return (
+    <DashboardLayout
+      title="EDR Passenger Backoffice"
+      sidebarItems={sidebarItems}
+      activeHref={location.pathname}
+      onNavigate={navigate}
+    >
+      <Routes>
+        <Route path="/" element={<DashboardPage />} />
+        <Route path="*" element={<Navigate to="/" replace />} />
+      </Routes>
+    </DashboardLayout>
+  );
+};
+
+export default App;

apps/edr-passenger-web/backoffice/src/main.tsx

@@ -0,0 +1,18 @@
+import { StrictMode } from 'react';
+import { createRoot } from 'react-dom/client';
+import { BrowserRouter } from 'react-router-dom';
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
+
+import App from './App';
+
+const queryClient = new QueryClient();
+
+createRoot(document.getElementById('root')!).render(
+  <StrictMode>
+    <QueryClientProvider client={queryClient}>
+      <BrowserRouter>
+        <App />
+      </BrowserRouter>
+    </QueryClientProvider>
+  </StrictMode>,
+);

apps/edr-passenger-web/backoffice/src/pages/dashboard/DashboardPage.tsx

@@ -0,0 +1,10 @@
+const DashboardPage = () => {
+  return (
+    <div className="p-6">
+      <h1 className="text-2xl font-semibold">EDR Passenger Backoffice</h1>
+      <p className="mt-2 text-gray-600">Backoffice — coming soon.</p>
+    </div>
+  );
+};
+
+export default DashboardPage;

apps/edr-passenger-web/backoffice/src/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite/client" />