Current state of project : Section 2 - Chapter 49.

src/app/tasks/tasks.component.html

@@ -0,0 +1,23 @@
+<section id="tasks">
+  <header>
+    <h2>{{ user.name }}'s Tasks</h2>
+    <menu>
+      <button>Add Task</button>
+    </menu>
+  </header>
+
+  @if (selectedUserTasks) {
+    <ul>
+      @for (task of selectedUserTasks; track task.id) {
+        <li>
+          <app-task
+            [task]="task"
+            (complete)="onDeleteTask($event)"
+          />
+        </li>
+      }
+    </ul>
+  } @else {
+    <p>Create a new task for his user.</p>
+  }
+</section>