added project

src/app/app.module.ts

@@ -61,6 +61,16 @@ const routes: Routes = [
 		component: UserComponent,
 		children: [
 			/* user */
+			{
+				path: 'project',
+				canActivate: [MetaGuard],
+				data: {
+					meta: {
+						title: 'Project'
+					}
+				},
+				loadChildren: () => import('./pages/user/project/project.module').then(m => m.ProjectModule)
+			}, 
 			{
 				path: 'mineprojects',
 				canActivate: [MetaGuard],

src/app/pages/user/project/project.component.html

@@ -0,0 +1 @@
+<h1>{{project.name}}</h1>

src/app/pages/user/project/project.component.ts

@@ -0,0 +1,19 @@
+import { Component } from '@angular/core';
+import { Router } from '@angular/router';
+import { TaskprojectService } from 'src/app/modules/taskproject/services/taskproject.service';
+
+@Component({
+	templateUrl: './project.component.html',
+	styleUrls: ['./project.component.scss'],
+	standalone: false
+})
+export class ProjectComponent {
+	project = this._taskprojectService.doc(
+		this._router.url.replace('/project/', '')
+	);
+
+	constructor(
+		private _taskprojectService: TaskprojectService,
+		private _router: Router
+	) {}
+}

src/app/pages/user/project/project.module.ts

@@ -0,0 +1,17 @@
+import { NgModule } from '@angular/core';
+import { CoreModule } from 'src/app/core/core.module';
+import { ProjectComponent } from './project.component';
+import { Routes, RouterModule } from '@angular/router';
+
+const routes: Routes = [
+	{
+		path: ':project_id',
+		component: ProjectComponent
+	}
+];
+
+@NgModule({
+	imports: [RouterModule.forChild(routes), CoreModule],
+	declarations: [ProjectComponent]
+})
+export class ProjectModule {}

src/app/pages/user/projects/projects.component.html

@@ -35,7 +35,9 @@
 						*ngFor="let project of projects"
 						class="documents-main-row"
 					>
-						<app-project [project]="project"></app-project>
+						<a routerLink="/project/{{project._id}}">
+							<app-project [project]="project"></app-project>
+						</a>
 					</div>
 				</div>
 			</div>