Plik: app.component_html.txt

<div class="container mt-4">
  <h1>{{ title }}</h1>
  <div class="categories">
    <h3>Wybierz kategorię:</h3>
    <ul class="list-group list-group-horizontal">
      <li
        *ngFor="let category of categories"
        class="list-group-item"
        [class.active]="category === selectedCategory"
        (click)="selectedCategory = category"
      >
        {{ category }}
      </li>
    </ul>
  </div>

  <div class="gallery mt-4">
    <h3>Zdjęcia: {{ selectedCategory }}</h3>
    <div class="row">
      <div class="col-4" *ngFor="let photo of getFilteredPhotos()">
        <img [src]="photo.url" class="img-fluid rounded mb-3" alt="Zdjęcie">
      </div>
    </div>
  </div>
</div>