Challenge: Add Angular Material UI Components

Complete the challenge of adding Angular Material UI components in the application.

We'll cover the following

Problem statement

A simple task manager application with Angular forms has been created. Your task is to add some styling in it using Angular Material.

Requirements

You are required to implement the following tasks:

  • Replace buttons with Angular Material buttons.

  • Replace text input fields with Angular Material inputs.

  • Display the tasks with Angular Material list.

  • Add the drag and drop functionality to drag and drop tasks.

Note: All the needed modules of Angular Material have been added in the app.module.ts file. You can just use them in the template files. CSS classes are placed for components, and you should use them in the templates.

Expected output

  • When you run the application, you should see the following form:

Get hands-on with 1200+ tech skills courses.