From 0f652e76ec3a93d084eb905cdeb7b46f09b6714a Mon Sep 17 00:00:00 2001
From: Gerome Grignon <gerome.grignon.lp2@gmail.com>
Date: Mon, 2 Mar 2026 15:39:27 +0100
Subject: [PATCH 1/9] fix: update Kapa widget website ID in CustomHead
 component

- Changed the data-website-id attribute for the Kapa widget to ensure proper functionality and tracking.
- This update aligns with the latest requirements for the widget integration.
---
 src/components/ui/CustomHead.astro | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/ui/CustomHead.astro b/src/components/ui/CustomHead.astro
index c4f652d..899d325 100644
--- a/src/components/ui/CustomHead.astro
+++ b/src/components/ui/CustomHead.astro
@@ -6,7 +6,7 @@ const { head } = Astro.locals.starlightRoute;
 <script
   async
   src="https://widget.kapa.ai/kapa-widget.bundle.js"
-  data-website-id="2kefMS9x.o0AJRfewwVd08vhsrXWiqZFPn37g7wsz"
+  data-website-id="vEE3GeCK.L64T81o7ZUvoSmMQB24c4QMEF4OhRjsa"
   data-project-name="angular"
   data-project-color="#0077a2"
   data-project-logo="https://tutorials.angular.courses/favicon.svg"

From f87499001c4b4611812ddae05e7ee4d6932a7dd9 Mon Sep 17 00:00:00 2001
From: Gerome Grignon <gerome.grignon.lp2@gmail.com>
Date: Mon, 2 Mar 2026 15:42:26 +0100
Subject: [PATCH 2/9] fix: update Kapa widget website ID in CustomHead
 component

- Changed the data-website-id attribute to a new value for improved functionality and tracking of the Kapa widget.
- This update ensures compliance with the latest integration requirements.
---
 src/components/ui/CustomHead.astro | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/ui/CustomHead.astro b/src/components/ui/CustomHead.astro
index 899d325..6ffab8b 100644
--- a/src/components/ui/CustomHead.astro
+++ b/src/components/ui/CustomHead.astro
@@ -6,7 +6,7 @@ const { head } = Astro.locals.starlightRoute;
 <script
   async
   src="https://widget.kapa.ai/kapa-widget.bundle.js"
-  data-website-id="vEE3GeCK.L64T81o7ZUvoSmMQB24c4QMEF4OhRjsa"
+  data-website-id="376f4ca7-122c-4cd3-acac-e3d8688f3e5d"
   data-project-name="angular"
   data-project-color="#0077a2"
   data-project-logo="https://tutorials.angular.courses/favicon.svg"

From 168a7f5530d36a63c52b4119d6845567c9c7b63f Mon Sep 17 00:00:00 2001
From: Gerome Grignon <gerome.grignon.lp2@gmail.com>
Date: Wed, 11 Mar 2026 17:03:47 +0100
Subject: [PATCH 3/9] fix: update form validation and button styles across task
 management documentation

- Increased the minimum length requirement for the task description from 1 to 3 characters to enhance data integrity.
- Updated button class from 'btn-danger' to 'btn-error' for consistency in error handling across the delete task functionality.
- Corrected the section title from '@if Controlf Flow syntax' to '@if Control Flow syntax' for accuracy in documentation.
---
 src/content/docs/en/api-server/create-task.mdx         | 2 +-
 src/content/docs/en/api-server/retrieve-tasks.mdx      | 2 +-
 src/content/docs/en/delete-task/add-delete-button.mdx  | 2 +-
 src/content/docs/en/delete-task/add-empty-list.mdx     | 2 +-
 src/content/docs/en/update-task/form-validation.mdx    | 6 ++++--
 src/content/docs/en/update-task/retrieve-data-url.mdx  | 2 +-
 src/content/docs/en/update-task/submit-update-form.mdx | 2 ++
 7 files changed, 11 insertions(+), 7 deletions(-)

diff --git a/src/content/docs/en/api-server/create-task.mdx b/src/content/docs/en/api-server/create-task.mdx
index 1ec078a..28929a7 100644
--- a/src/content/docs/en/api-server/create-task.mdx
+++ b/src/content/docs/en/api-server/create-task.mdx
@@ -103,7 +103,7 @@ Let's subscribe to the observable using the `subscribe` function.
 
           form = new FormGroup({
             title: new FormControl('', [Validators.required]),
-            description: new FormControl('', [Validators.minLength(1)])
+            description: new FormControl('', [Validators.minLength(3)])
           });
 
           constructor() {
diff --git a/src/content/docs/en/api-server/retrieve-tasks.mdx b/src/content/docs/en/api-server/retrieve-tasks.mdx
index 4ecf9d1..e60a487 100644
--- a/src/content/docs/en/api-server/retrieve-tasks.mdx
+++ b/src/content/docs/en/api-server/retrieve-tasks.mdx
@@ -161,7 +161,7 @@ Here its role will be to subscribe to the observable and return the list of task
          >Update</a
        >
        <button
-         class="btn btn-danger m-1"
+         class="btn btn-error m-1"
          type="button"
          (click)="deleteTask(task.id)"
        >
diff --git a/src/content/docs/en/delete-task/add-delete-button.mdx b/src/content/docs/en/delete-task/add-delete-button.mdx
index e65f04c..c31853b 100644
--- a/src/content/docs/en/delete-task/add-delete-button.mdx
+++ b/src/content/docs/en/delete-task/add-delete-button.mdx
@@ -33,7 +33,7 @@ A click event is sufficient here because delete is a simple direct action that d
               <td>
                 <a class="btn btn-secondary" [routerLink]="['/update', task.id]">Update</a>
 
-              <button class="btn btn-danger" type="button" (click)="deleteTask(task.id)">Delete</button>
+              <button class="btn btn-error" type="button" (click)="deleteTask(task.id)">Delete</button>
             </td>
             </tr>
           }
diff --git a/src/content/docs/en/delete-task/add-empty-list.mdx b/src/content/docs/en/delete-task/add-empty-list.mdx
index f55c650..799dd90 100644
--- a/src/content/docs/en/delete-task/add-empty-list.mdx
+++ b/src/content/docs/en/delete-task/add-empty-list.mdx
@@ -14,7 +14,7 @@ import NotificationCard from "../../../../components/ui/NotificationCard";
 
 You've just learned how to delete a task from the list, now you want to display a message when the list is empty.
 
-## The @if Controlf Flow syntax
+## The @if Control Flow syntax
 
 To iterate over the task list, you used `@for` from the Control Flow feature.
 
diff --git a/src/content/docs/en/update-task/form-validation.mdx b/src/content/docs/en/update-task/form-validation.mdx
index aed6d02..cf03bd4 100644
--- a/src/content/docs/en/update-task/form-validation.mdx
+++ b/src/content/docs/en/update-task/form-validation.mdx
@@ -24,7 +24,7 @@ In our case we won't handle the error but we will console log the error if the f
 
 1. Update the file `src/app/task-form/task-form.ts`.
 
-   ```typescript ins="[Validators.required]" ins="[Validators.minLength(1)]"
+   ```typescript ins="[Validators.required]" ins="[Validators.minLength(3)]"
    import { Component, inject, OnInit } from "@angular/core";
    import { FormControl, FormGroup, ReactiveFormsModule } from "@angular/forms";
    import { TaskService } from "../task-service";
@@ -48,7 +48,7 @@ In our case we won't handle the error but we will console log the error if the f
 
      form = new FormGroup({
        title: new FormControl("", [Validators.required]),
-       description: new FormControl("", [Validators.minLength(1)]),
+       description: new FormControl("", [Validators.minLength(3)]),
      });
 
      constructor() {
@@ -66,6 +66,8 @@ In our case we won't handle the error but we will console log the error if the f
            "Description Errors: ",
            this.form.controls.description.errors
          );
+
+         return;
        }
        this.taskService.addTask(this.form.value);
        this.router.navigate(["/"]);
diff --git a/src/content/docs/en/update-task/retrieve-data-url.mdx b/src/content/docs/en/update-task/retrieve-data-url.mdx
index 28932ad..47f99cb 100644
--- a/src/content/docs/en/update-task/retrieve-data-url.mdx
+++ b/src/content/docs/en/update-task/retrieve-data-url.mdx
@@ -152,7 +152,7 @@ constructor() {
 
      form = new FormGroup({
        title: new FormControl("", [Validators.required]),
-       description: new FormControl("", [Validators.minLength(1)]),
+       description: new FormControl("", [Validators.minLength(3)]),
      });
 
      constructor() {
diff --git a/src/content/docs/en/update-task/submit-update-form.mdx b/src/content/docs/en/update-task/submit-update-form.mdx
index 93bcfeb..171d22f 100644
--- a/src/content/docs/en/update-task/submit-update-form.mdx
+++ b/src/content/docs/en/update-task/submit-update-form.mdx
@@ -83,6 +83,8 @@ submit() {
         console.log('Your Form: ', this.form.value);
         console.log('Title Errors: ', this.form.controls.title.errors);
         console.log('Description Errors: ', this.form.controls.description.errors);
+
+        return;
       }
 
         if (this.id ) {

From 360be7ce734d293c7cda130f746a23594a188666 Mon Sep 17 00:00:00 2001
From: Gerome Grignon <gerome.grignon.lp2@gmail.com>
Date: Wed, 11 Mar 2026 17:12:36 +0100
Subject: [PATCH 4/9] feat: add "Next Steps" section to documentation and
 configuration

- Introduced a new "Next Steps" link in the Astro configuration to guide users after course completion.
- Created a new documentation file outlining further learning opportunities and project ideas to enhance user engagement and application of concepts learned.
---
 astro.config.mjs                   |  4 ++++
 src/content/docs/en/next-steps.mdx | 36 ++++++++++++++++++++++++++++++
 2 files changed, 40 insertions(+)
 create mode 100644 src/content/docs/en/next-steps.mdx

diff --git a/astro.config.mjs b/astro.config.mjs
index ddc9ac0..7d05606 100644
--- a/astro.config.mjs
+++ b/astro.config.mjs
@@ -256,6 +256,10 @@ export default defineConfig({
           label: "Congratulations",
           link: "/congratulations",
         },
+        {
+          label: "Next Steps",
+          link: "/next-steps",
+        },
       ],
       customCss: ["./src/styles/global.css"],
       // Set English as the default language for this site.
diff --git a/src/content/docs/en/next-steps.mdx b/src/content/docs/en/next-steps.mdx
new file mode 100644
index 0000000..71286de
--- /dev/null
+++ b/src/content/docs/en/next-steps.mdx
@@ -0,0 +1,36 @@
+---
+title: Next Steps
+description: Learn what to do next after completing this course.
+course: angular-20
+slug: "next-steps"
+---
+
+import NotificationCard from "../../../components/ui/NotificationCard";
+
+<NotificationCard state="objective" title="Chapter Objective">
+  Learn what to do next after completing this course.
+</NotificationCard>
+
+## Ideas to Go Further
+
+Build on what you learned in this course by extending the **task manager** (wedding planner) app or trying new concepts:
+
+- **Filters and search** — Add a search box or filter by title or creation date on the task list, using the same data binding and control flow (`@for`, `@if`) you used for listing tasks.
+
+- **Task categories or tags** — Extend the `Task` interface with a category or tags, add a dropdown or chips in the create/update forms (reactive forms), and filter the list by category.
+
+- **Route guards** — The course didn't cover guards. Add a `CanDeactivate` guard so that leaving the add or edit form with unsaved changes asks the user for confirmation.
+
+- **Loading and error states** — When calling the API (getTasks, addTask, updateTask, deleteTask), show a loading spinner and handle errors with user-friendly messages in your templates, using the same `TaskService` and `HttpClient`.
+
+- **Reusable list + empty state** — As you did with **AlertBanner** (inputs and outputs), extract your task list and "No tasks" empty state into a generic reusable component that accepts items and an empty message as inputs and emits edit/delete actions via outputs.
+
+- **Lazy-load routes** — Keep your existing routes but load the add-task or update-task feature on demand with lazy loading so the initial bundle stays smaller.
+
+- **Simple auth flow** — The course didn't cover interceptors. Add a login form and a minimal auth service that stores a token, then use an HTTP interceptor to attach the token to every request.
+
+- **Persistence choice** — Swap **JSON Server** for another backend (e.g. Firebase, Supabase, or a small Node/Express API) while keeping the same `TaskService` interface and your existing components.
+
+- **Testing** — The project was created with `--skip-tests=true`. Add unit tests for `TaskService` (e.g. with `HttpClientTestingModule`) and for key components (form validation, list display, delete button).
+
+- **Styling and accessibility** — Go further with **DaisyUI** (e.g. more components or themes) or try a component library like Angular Material; add basic accessibility (labels, focus, keyboard support) to forms and buttons.

From 5eaf780cc15d4205e873cb78d45ad9f9684e3ce0 Mon Sep 17 00:00:00 2001
From: Gerome Grignon <gerome.grignon.lp2@gmail.com>
Date: Thu, 12 Mar 2026 09:55:59 +0100
Subject: [PATCH 5/9] fix: make task ID optional in TypeScript interface
 documentation

- Updated the Task interface to make the 'id' property optional, enhancing flexibility in task management implementations.
---
 src/content/docs/en/task-listing/typescript-interface.mdx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/content/docs/en/task-listing/typescript-interface.mdx b/src/content/docs/en/task-listing/typescript-interface.mdx
index d225db4..f59917d 100644
--- a/src/content/docs/en/task-listing/typescript-interface.mdx
+++ b/src/content/docs/en/task-listing/typescript-interface.mdx
@@ -54,7 +54,7 @@ Each task has 4 properties:
    ```typescript
    // task.model.ts
    export interface Task {
-     id: string;
+     id?: string;
      title: string;
      description: string;
      createdAt: Date;

From 19866bf17aaf97a09dd3f1e8f305fc3fa033a0f3 Mon Sep 17 00:00:00 2001
From: Gerome Grignon <gerome.grignon.lp2@gmail.com>
Date: Thu, 12 Mar 2026 10:03:27 +0100
Subject: [PATCH 6/9] fix: update getting started and task listing
 documentation

- Revised instructions in the "Getting Started" section to clarify the replacement of content in the app.html file.
- Removed outdated steps regarding the RouterOutlet import in app.ts for accuracy.
- Updated the task listing documentation to reflect changes in the displayed content in the browser.
---
 .../en/getting-started/getting-started.mdx    | 22 ++-----------------
 .../docs/en/task-listing/add-ui-library.mdx   |  8 +++----
 2 files changed, 5 insertions(+), 25 deletions(-)

diff --git a/src/content/docs/en/getting-started/getting-started.mdx b/src/content/docs/en/getting-started/getting-started.mdx
index ab34295..324391e 100644
--- a/src/content/docs/en/getting-started/getting-started.mdx
+++ b/src/content/docs/en/getting-started/getting-started.mdx
@@ -96,35 +96,17 @@ Hot reloading is a feature that allows you to see the changes you make to your c
        └─ app.html
    ```
 
-2. Locate the placeholder (which is wrapped in HTML comment tags) in the `app.html` file and replace the template content with following:
+2. Open the `app.html` file and replace the whole content with following:
 
    ```html ins="app.html"
    // app.html
    <h1>Welcome to {{title()}}!</h1>
    ```
 
-3. In the file `app.ts`, locate the `imports` array and remove the `RouterOutlet` import:
-
-   ```diff lang="ts"
-   // app.ts
-   - import { RouterOutlet } from '@angular/router';
-   ```
-
-   ```ts del="RouterOutlet"
-   // app.ts
-   @Component({
-     // ...
-     imports: [RouterOutlet],
-   })
-   export class App {
-     // ...
-   }
-   ```
-
 4. Return to your browser to see the following page:
 
    ```
-   Task Manager
+   Welcome to Angular introduction course
    ```
 
 </Steps>
diff --git a/src/content/docs/en/task-listing/add-ui-library.mdx b/src/content/docs/en/task-listing/add-ui-library.mdx
index ad2c76c..73573d2 100644
--- a/src/content/docs/en/task-listing/add-ui-library.mdx
+++ b/src/content/docs/en/task-listing/add-ui-library.mdx
@@ -61,11 +61,9 @@ For this course, you will add <a href="https://daisyui.com/" target="_blank">Dai
 
 5. Check out the _small_ changes in your browser.
 
-   <Image
-     class="shadow-xl rounded-xl"
-     src={bootstrapImg}
-     alt="A bird sitting on a nest of eggs."
-   />
+   ```html
+   Task Manager
+   ```
 
 </Steps>
 

From 1e7dcdfacef1111c3d0f76726a40e35bce10cfe6 Mon Sep 17 00:00:00 2001
From: Gerome Grignon <gerome.grignon.lp2@gmail.com>
Date: Thu, 12 Mar 2026 11:55:19 +0100
Subject: [PATCH 7/9] fix: streamline task form implementation in documentation

- Removed unnecessary OnInit implementation from the TaskForm class to simplify the code structure.
- Updated the form handling in the task-form documentation to reflect the use of FormGroup and FormControl for better form management.
- Adjusted references to the Router and task submission to enhance clarity and accuracy in the task management documentation.
---
 src/content/docs/en/api-server/create-task.mdx         |  4 ++--
 src/content/docs/en/create-task/router-navigation.mdx  | 10 +++++-----
 src/content/docs/en/update-task/form-validation.mdx    |  4 ++--
 src/content/docs/en/update-task/retrieve-data-url.mdx  |  4 ++--
 src/content/docs/en/update-task/submit-update-form.mdx |  4 ++--
 5 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/src/content/docs/en/api-server/create-task.mdx b/src/content/docs/en/api-server/create-task.mdx
index 28929a7..59f865a 100644
--- a/src/content/docs/en/api-server/create-task.mdx
+++ b/src/content/docs/en/api-server/create-task.mdx
@@ -80,7 +80,7 @@ Let's subscribe to the observable using the `subscribe` function.
 1.  Update the `src/app/task-form/task-form.ts` file.
 
         ```typescript ins={"Update the form submission function": 43-44} ins="this.taskService.addTask(task).subscribe();"
-        import {Component, inject, OnInit} from '@angular/core';
+        import {Component, inject} from '@angular/core';
         import {FormControl, FormGroup, ReactiveFormsModule, Validators} from '@angular/forms';
         import {TaskService} from '../task-service';
         import {ActivatedRoute, Router} from '@angular/router';
@@ -95,7 +95,7 @@ Let's subscribe to the observable using the `subscribe` function.
           templateUrl: './task-form.html',
           styleUrls: ['./task-form.css']
         })
-        export class TaskForm implements OnInit {
+        export class TaskForm {
           private taskService = inject(TaskService);
           private router = inject(Router);
           private route = inject(ActivatedRoute);
diff --git a/src/content/docs/en/create-task/router-navigation.mdx b/src/content/docs/en/create-task/router-navigation.mdx
index ee6c941..9f2bc82 100644
--- a/src/content/docs/en/create-task/router-navigation.mdx
+++ b/src/content/docs/en/create-task/router-navigation.mdx
@@ -36,7 +36,7 @@ This service allows you to retrieve information about the current route and enab
 
 1. Update the file `src/app/task-form.ts`.
 
-   ```typescript ins={"1. Import the Router": 4-5} ins={"2. Inject the Router": 13-14} ins={"3. Use the navigation function provided by the Router": 29-30}
+   ```typescript ins={"1. Import the Router": 4-5} ins={"2. Inject the Router": 13-14} ins={"3. Use the navigation function provided by the Router": 23-24}
    // task-form.ts
    import { Component } from "@angular/core";
    import { TaskService } from "../task-service";
@@ -52,10 +52,10 @@ This service allows you to retrieve information about the current route and enab
 
      private router = inject(Router);
 
-     task = {
-       title: "",
-       description: "",
-     };
+    form = new FormGroup({
+      title: new FormControl(''),
+      description: new FormControl('')
+    });
 
      submit() {
        this.taskService.addTask(this.task);
diff --git a/src/content/docs/en/update-task/form-validation.mdx b/src/content/docs/en/update-task/form-validation.mdx
index cf03bd4..ef6a2bf 100644
--- a/src/content/docs/en/update-task/form-validation.mdx
+++ b/src/content/docs/en/update-task/form-validation.mdx
@@ -25,7 +25,7 @@ In our case we won't handle the error but we will console log the error if the f
 1. Update the file `src/app/task-form/task-form.ts`.
 
    ```typescript ins="[Validators.required]" ins="[Validators.minLength(3)]"
-   import { Component, inject, OnInit } from "@angular/core";
+   import { Component, inject } from "@angular/core";
    import { FormControl, FormGroup, ReactiveFormsModule } from "@angular/forms";
    import { TaskService } from "../task-service";
    import { Router } from "@angular/router";
@@ -38,7 +38,7 @@ In our case we won't handle the error but we will console log the error if the f
      templateUrl: "./task-form.html",
      styleUrl: "./task-form.css",
    })
-   export class TaskForm implements OnInit {
+   export class TaskForm {
      private taskService = inject(TaskService);
      private router = inject(Router);
 
diff --git a/src/content/docs/en/update-task/retrieve-data-url.mdx b/src/content/docs/en/update-task/retrieve-data-url.mdx
index 47f99cb..240a62a 100644
--- a/src/content/docs/en/update-task/retrieve-data-url.mdx
+++ b/src/content/docs/en/update-task/retrieve-data-url.mdx
@@ -129,7 +129,7 @@ constructor() {
 1. Update the file `src/app/task-form/task-form.ts`.
 
    ```typescript ins={"get the id from the URL": 19-20} ins={"Patch the form value": 28-31} ins={"inject ActivatedRoute": 17-18} ins={"import ActivatedRoute": 5-6}
-   import { Component, inject, OnInit } from "@angular/core";
+   import { Component, inject } from "@angular/core";
    import { FormControl, FormGroup, ReactiveFormsModule } from "@angular/forms";
    import { TaskService } from "../task-service";
    import { Router } from "@angular/router";
@@ -142,7 +142,7 @@ constructor() {
      templateUrl: "./task-form.html",
      styleUrl: "./task-form.css",
    })
-   export class TaskForm implements OnInit {
+   export class TaskForm {
      private taskService = inject(TaskService);
      private router = inject(Router);
 
diff --git a/src/content/docs/en/update-task/submit-update-form.mdx b/src/content/docs/en/update-task/submit-update-form.mdx
index 171d22f..4129f02 100644
--- a/src/content/docs/en/update-task/submit-update-form.mdx
+++ b/src/content/docs/en/update-task/submit-update-form.mdx
@@ -111,7 +111,7 @@ In both cases, return to the task list.
 
    ```typescript
     // task-form.ts
-   import { Component, OnInit, inject } from "@angular/core";
+   import { Component, inject } from "@angular/core";
    import {FormControl, FormGroup, ReactiveFormsModule} from '@angular/forms';
    import {TaskService} from '../task-service';
    import {ActivatedRoute, Router} from '@angular/router';
@@ -124,7 +124,7 @@ In both cases, return to the task list.
      templateUrl: "./task-form.html",
      styleUrl: "./task-form.css",
    })
-   export class TaskForm implements OnInit {
+   export class TaskForm {
      private taskService = inject(TaskService);
      private router = inject(Router);
      private route = inject(ActivatedRoute);

From d4c9d87da9a25f565a590c99a3acf0c910f94433 Mon Sep 17 00:00:00 2001
From: Gerome Grignon <gerome.grignon.lp2@gmail.com>
Date: Thu, 12 Mar 2026 14:09:22 +0100
Subject: [PATCH 8/9] fix: correct form reference in task creation
 documentation

- Updated the task creation documentation to use `this.form.value` instead of `this.taskForm.value` for consistency and accuracy in form handling.
---
 src/content/docs/en/api-server/create-task.mdx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/content/docs/en/api-server/create-task.mdx b/src/content/docs/en/api-server/create-task.mdx
index 59f865a..9be8fef 100644
--- a/src/content/docs/en/api-server/create-task.mdx
+++ b/src/content/docs/en/api-server/create-task.mdx
@@ -121,7 +121,7 @@ Let's subscribe to the observable using the `subscribe` function.
                 });
             } else {
 
-                this.taskService.addTask(this.taskForm.value).subscribe();
+                this.taskService.addTask(this.form.value).subscribe();
             }
             this.router.navigate(['/']);
             }

From dd16ba42349214697519417b3efb453af6155099 Mon Sep 17 00:00:00 2001
From: Gerome Grignon <gerome.grignon.lp2@gmail.com>
Date: Thu, 12 Mar 2026 14:34:07 +0100
Subject: [PATCH 9/9] fix: simplify button implementation in task creation
 documentation

- Removed the unnecessary click event binding from the submit button in the task creation form for clarity and to streamline the code.
---
 src/content/docs/en/create-task/event-binding.mdx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/content/docs/en/create-task/event-binding.mdx b/src/content/docs/en/create-task/event-binding.mdx
index 9185e47..1313b05 100644
--- a/src/content/docs/en/create-task/event-binding.mdx
+++ b/src/content/docs/en/create-task/event-binding.mdx
@@ -65,7 +65,7 @@ The `ngSubmit` directive ensures that Angular handles the form submission proper
       ></textarea>
     </fieldset>
 
-    <button type="submit" class="btn btn-primary" (click)="submit()">Submit</button>
+    <button type="submit" class="btn btn-primary">Submit</button>
     </form>
    ```