Please guide me in implementing checkbox filter in angular [closed]

I am struggling to add filter functionality in my web app, I tired the logic but I made the program exactly opposite what I wanted.

here I am sharing my stackblitz link:

https://stackblitz.com/edit/angular-ivy-9cygnt?file=src%2Fapp%2Fapp.component.html

All I want is, after page loading all the checkboxes should be uncheck but all the data should be display on the screen.

And when the user check the checkbox then filter should work. for example on amazon site when we check Apple then products related Apple is displayed on the screen...

I just want this, you can edit my code and feel free to apply required changes.