مشروع React لعرض قائمة أفلام مع إمكانية الفلترة حسب النوع

عرض قائمة الأفلام من array علي شكل Cards كل card تحتوي علي صوره للفيلم وعنوانه ونوعه وسنه الاصدار export const movies = [ { id: 1, title: "Cartoon Adventure", genre: "Action", year: 2010, image: cartoon1 }, { id: 2, title: "Romantic Cartoon", genre: "Romance", year: 2005, image: cartoon2 }, { id: 3, title: "Sci-Fi Cartoon", genre: "Sci-Fi", year: 2012, image: cartoon3 }, { id: 4, title: "Funny Toon", genre: "Action", year: 2016, image: cartoon4 }, { id: 5, title: "Love Story Toon", genre: "Romance", year: 2011, image: cartoon5 }, { id: 6, title: "Space Adventure", genre: "Sci-Fi", year: 2018, image: cartoon6 }, { id: 7, title: "Hero Cartoon", genre: "Action", year: 2020, image: cartoon7 }, { id: 8, title: "Romantic Comedy", genre: "Romance", year: 2014, image: cartoon8 }, ]; يوجد Dropdown للفلترة حسب النوع Genre: Action / Romance / Sci-Fi / All عند اختيار النوع : يتم عرض الأفلام الخاصة بالنوع فقط. عند الضغط علي أحد ألأفلام يتم عرض تفاصيل الفيلم: -عنوان الفيلم -سنة العرض -وصف مختصر -زر Back to List