قمت بتطوير منصة عرض أفلام تتيح للمستخدمين استعراض قائمة الأفلام والانتقال إلى صفحات تفاصيل لكل فيلم تحتوي على: الملخص، سنة الإصدار، الممثلين، التصنيفات (Categories)، التقييمات، ولقطات من الفيلم. تم تصميم واجهة المستخدم لتكون سريعة، متجاوبة، وسهلة الاستخدام باستخدام Next.js (لـ SSR/SSG وأداء أفضل) وTailwind CSS مع مكونات جاهزة من shadcn/ui لضمان تناسق بصري وتجربة مستخدم احترافية.
الميزات الرئيسية:
صفحة رئيسية تعرض قائمة الأفلام مع بحث وفرز حسب الفئة أو السنة أو التقييم.
صفحة تفاصيل لكل فيلم تعرض معلومات شاملة (الملخص، الممثلون، المخرِج، اللغة، التصنيف، صور/مقاطع).
تصنيفات وفلاتر ديناميكية لتسهيل الاستكشاف.
تصميم متجاوب يعمل على مختلف أجهزة سطح المكتب والموبايل.
تحسينات أداء باستخدام إمكانيات Next.js (Pre-rendering، Lazy loading للصور).
استخدام مكونات shadcn/ui لبناء واجهة متماسكة وسهلة الصيانة.
هذا المشروع يبرز مهاراتي في بناء واجهات مستخدم حديثة ومتجاوبة، تحسين الأداء وتجربة الاستخدام، واستخدام مكتبات واجهات متقدمة لتسريع التطوير والحفاظ على جودة التصميم.