Employee Directory

Build an employee directory page in Angular. The page fetches a list of staff members from a REST API (GET /api/employees) and displays them as cards. Each card shows the employee's name, job title, department, and avatar image.

Add a search bar at the top that filters the visible cards in real time as the user types (client-side filtering by name or department).

API Response Shape

{
  "data": [
    {
      "id": 1,
      "name": "Alice Park",
      "title": "Staff Engineer",
      "department": "Platform",
      "avatarUrl": "/avatars/alice.png"
    }
  ]
}

Output

Produce TypeScript files in a src/app/ directory:

• src/app/employees/employee.model.ts -- TypeScript type definitions
• src/app/employees/employee.service.ts -- service to fetch employees from the API
• src/app/employees/employee-list.component.ts -- page component with search and card grid
• src/app/employees/employee-card.component.ts -- presentational card component

Do not include test files or build configuration.