Angular List Project

This project is a simple Angular application for dynamically rendering a list of items. It includes the ability to toggle selection, apply custom styling, and add new items to the list. The application uses Angular Material components for the UI.

Getting Started

Follow the instructions below to set up and run the project locally.

Prerequisites

• Node.js (v16 or later)
• Angular CLI (v15 or later)

---

Technologies Used

• Angular (v15 or later)
• Angular Material for UI components
• TypeScript for application logic
• SCSS for styling

---

Installation

1. Clone the repository:

   git clone https://github.com/your-repo/angular-dynamic-list.git

2. Navigate to the project directory:

   cd angular-dynamic-list

3. Install dependencies:

   npm install

4. Run the application:

   ng serve

5. Open your browser and navigate to:

   http://localhost:4200
   

---

Usage

Adding a New Item

1. Click the floating action button (FAB) at the bottom of the screen.
2. A new item will be added to the list with placeholder data.

Toggling Item Selection

1. Use the checkboxes next to each item to mark it as selected or unselected.
2. Selected items are highlighted with a custom background color.

Dynamic Data

Modify the items array in the component's TypeScript file to define your custom list items.