Can you please take a look at This Demo and let me know how I can enrich my code to have multi level filtering system based on different existing and potential upcomming data attributes?

As you can see I am trying to filter the .box based on two data attributes shape and color but my code is filtering the DOM separately. Can you please let me know how I fix this?

2.    if ( $('input:checkbox[name=shape]:checked').length > 0)
3.    {
4.       $(".box").each(function(){
5.          $(this).removeClass('fadeInLeft').addClass('fadeOutLeft').css('display','none').css('display','none');
6.       });
7.       let data = [];
8.       $('input:checkbox[name=shape]:checked').each(function() {
9.          data.push($(this).data('shape'));
10.       });
11.       console.log(data);
12. 
    
13.       $.each(data, function(index, value){
14.          $('.box[data-shape="'+value+'"]').removeClass('fadeOutLeft').addClass('fadeInLeft').css('display','block');
15.       });
16.    }
17.    else
18.    {
19.       $(".box").each(function(){
20.          $(this).removeClass('fadeOutLeft').addClass('fadeInLeft').css('display','block');
21.       }); 
22.    }
23. 
    
24. });
25. 
    
26. $('input:checkbox[name=color]').on('change', function() {
27.    if ( $('input:checkbox[name=color]:checked').length > 0)
28.    {
29.       $(".box").each(function(){
30.          $(this).removeClass('fadeInLeft').addClass('fadeOutLeft').css('display','none').css('display','none');
31.       });
32. 
    
33.       let data = [];
34.       $('input:checkbox[name=color]:checked').each(function() {
35.          data.push($(this).data('color'));
36.       });
37. 
    
38. 
    
39.       $.each(data, function(index, value){
40.          $('.box[data-color="'+value+'"]').removeClass('fadeOutLeft').addClass('fadeInLeft').css('display','block');
41.       });
42.    }
43.    else
44.    {
45.       $(".box").each(function(){
46.          $(this).removeClass('fadeOutLeft').addClass('fadeInLeft').css('display','block');
47.       }); 
48.    }
49. 
    
50. });

Thanks