App: Task Manager

[drhelius]

[drhelius]

TaskManager Component

This document provides a summary of the files generated for a new standalone Angular component named TaskManager. This component is designed to manage a to-do list, allowing users to add, view, and mark tasks as done.

Component Summary

Model

• File: task.model.ts
• Description: Defines the structure of a Task object, including properties such as id, name, description, and done.

Service

• File: task.service.ts
• Description: Provides methods to interact with the backend REST API for CRUD operations on tasks. This includes methods to get all tasks, add a new task, update a task, and delete a task.

Component Logic

• File: taskmanager.component.ts
• Description: Contains the logic for the TaskManager component, including methods to handle user interactions, such as adding a new task, marking a task as done, and deleting a task. It also manages the state of the task list.

Component HTML

• File: taskmanager.component.html
• Description: Defines the structure of the TaskManager component's user interface. This includes a table to display the list of tasks, checkboxes to mark tasks as done, and buttons to add or delete tasks.

Component CSS

• File: taskmanager.component.css
• Description: Contains the styles for the TaskManager component, ensuring the UI is visually appealing and user-friendly.

OpenAPI Specification

openapi: 3.0.0
info:
  title: TaskManager API
  version: 1.0.0
paths:
  /tasks:
    get:
      summary: Get all tasks
      responses:
        '200':
          description: A list of tasks
          content:
            application/json:
              schema:
                type: array
                items:
                  $ref: '#/components/schemas/Task'
    post:
      summary: Add a new task
      requestBody:
        required: true
        content:
          application/json:
            schema:
              $ref: '#/components/schemas/Task'
      responses:
        '201':
          description: Task created
  /tasks/{id}:
    put:
      summary: Update a task
      parameters:
        - in: path
          name: id
          required: true
          schema:
            type: string
      requestBody:
        required: true
        content:
          application/json:
            schema:
              $ref: '#/components/schemas/Task'
      responses:
        '200':
          description: Task updated
    delete:
      summary: Delete a task
      parameters:
        - in: path
          name: id
          required: true
          schema:
            type: string
      responses:
        '204':
          description: Task deleted
components:
  schemas:
    Task:
      type: object
      properties:
        id:
          type: string
        name:
          type: string
        description:
          type: string
        done:
          type: boolean