مشروع Z-Cinema (منصة اكتشاف أفلام عالية الأداء)

مشروع Z-Cinema (منصة اكتشاف أفلام عالية الأداء)

تطوير منصة سينمائية متكاملة: قمت ببناء منصة متطورة لاكتشاف الأفلام باستخدام تقنيات React 19 و Vite. قمت بدمج واجهة برمجة تطبيقات TMDB API لتوفير بيانات حية ودقيقة لآلاف الأفلام والمسلسلات.

تحسين الأداء وتجربة المستخدم (SEO & Optimization): نجحت في الوصول لدرجة 100/100 في تقييمات Lighthouse الخاصة بتحسين محركات البحث وأفضل الممارسات. تمكنت من تقليل وقت تحميل أكبر عنصر مرئي (LCP) لأقل من 4 ثوانٍ، وتقليل انزياح المحتوى (CLS) لنسبة شبه منعدمة (0.004) من خلال استخدام تنسيقات صور حديثة مثل WebP وضغط الأصول البرمجية.

بناء خلفية برمجية ديناميكية (BaaS): استخدمت منصة Appwrite لبناء نظام "Trending" تفاعلي. اعتمدت على قواعد بيانات NoSQL لتتبع وتحليل اتجاهات بحث المستخدمين وعرض أكثر الأفلام شهرة في الوقت الفعلي.

إدارة البيانات بكفاءة: قمت ببرمجة خطافات مخصصة (Custom Hooks) واستخدام تقنيات الـ Debouncing المتقدمة لتحسين عمليات الاستعلام من الـ API. أدى ذلك لتقليل طلبات الشبكة الزائدة بنسبة 60%، مما وفر في استهلاك الموارد وسرّع من استجابة البحث للمستخدم.

واجهة مستخدم عصرية (Modern UI/UX): صممت واجهة برمجية أنيقة باللون الداكن (Dark Theme) باستخدام Tailwind CSS. التصميم يتبع نهج الـ Mobile-first لضمان تجربة سلسة ومتوافقة مع معايير الوصول العالمية (Accessibility).