market-backOfficce/src/app/app.routes.ts

import { Routes } from '@angular/router';

export const routes: Routes = [
  {
    path: '',
    loadComponent: () => import('./pages/projects-dashboard/projects-dashboard.component').then(m => m.ProjectsDashboardComponent)
  },
  {
    path: 'project/:projectId',
    loadComponent: () => import('./pages/project-view/project-view.component').then(m => m.ProjectViewComponent),
    children: [
      {
        path: 'category/:categoryId',
        loadComponent: () => import('./pages/category-editor/category-editor.component').then(m => m.CategoryEditorComponent)
      },
      {
        path: 'subcategory/:subcategoryId',
        loadComponent: () => import('./pages/subcategory-editor/subcategory-editor.component').then(m => m.SubcategoryEditorComponent)
      },
      {
        path: 'items/:subcategoryId',
        loadComponent: () => import('./pages/items-list/items-list.component').then(m => m.ItemsListComponent)
      },
      {
        path: 'item/:itemId',
        loadComponent: () => import('./pages/item-editor/item-editor.component').then(m => m.ItemEditorComponent)
      },
      {
        path: 'item/:itemId/preview',
        loadComponent: () => import('./pages/item-preview/item-preview.component').then(m => m.ItemPreviewComponent)
      }
    ]
  }
];