code refactoring

src/app/projects/projects.component.html

@@ -53,12 +53,12 @@
                 <ion-icon name="eye-outline"></ion-icon>
               </div> -->
 
-              <img src="{{imagesOrigin + project.imagePath}}" [alt]="project.category" loading="lazy">
+              <img src="{{imagesOrigin + project.imagePath}}" [alt]="project.categories" loading="lazy">
             </figure>
 
             <h3 class="project-title">{{project.name}}</h3>
 
-            <p class="project-category">{{project.category}}</p>
+            <p class="project-category">{{project.categories}}</p>
 
           </a>
         </li>

src/app/projects/projects.component.ts

@@ -37,11 +37,8 @@ categoryClicked: boolean = false;
     this.projects = this.filter === 'All'
       ? this.model.projects
       : this.model.projects.filter(
-        (project: IProject) => project.category === this.filter
-      );
-  }
-
-  isCategoryActive(category: string){
-    return this.filter === category; 
+        (project: IProject) => {
+          return project.categories.includes(category)
+        });
   }
 }