موقع أفلام – مبني باستخدام Next.js وBootstrap وJavaScript وواجهات برمجة التطبيقات (APIs)
هذا الموقع الديناميكي يتيح للمستخدمين استكشاف الأفلام واكتشاف الجديد منها وإدارة قائمتهم المفضلة. تم بناؤه باستخدام Next.js لتحقيق سرعة في التصفح والتنقل، وBootstrap لتصميم متجاوب يدعم جميع الأجهزة، وJavaScript لإضفاء تفاعلية ديناميكية. كما يعتمد على واجهة برمجة تطبيقات لقاعدة بيانات الأفلام (مثل TMDB) لجلب بيانات الأفلام بشكل فوري من الإنترنت.
الصفحات والمميزات:
الصفحة الرئيسية:
تعرض قائمة بالأفلام الشائعة أو الرائجة مع دعم للتنقل بين الصفحات (Pagination)، مما يتيح للمستخدم تصفح مجموعة واسعة من الأفلام بسهولة.
صفحة قائمة المشاهدة (Watchlist):
تمكن المستخدم من عرض وإدارة قائمة الأفلام التي قام بإعجابها أو حفظها كمفضلة. يتم حفظ البيانات محليًا باستخدام LocalStorage لتوفير تجربة مخصصة للمستخدم.
صفحة تفاصيل الفيلم:
تُعرض معلومات تفصيلية عن الفيلم المختار، مثل العنوان، والوصف، وتاريخ الإصدار، والتقييم، والصورة الترويجية. كما يتم عرض أفلام موصى بها بناءً على الفيلم الحالي.
التقنيات المستخدمة:
Next.js لتقديم المحتوى من جهة الخادم والتنقل السلس بين الصفحات.
Bootstrap لتصميم واجهات متجاوبة تدعم مختلف الشاشات.
JavaScript لإضافة الوظائف التفاعلية في واجهة المستخدم.
واجهة برمجة تطبيقات الأفلام (API) لجلب بيانات الأفلام من الإنترنت لحظيًا.
LocalStorage لتخزين وإدارة قائمة الأفلام المفضلة لدى المستخدم بشكل دائم على المتصفح.
لمحة عامة:
هذا المشروع يقدم واجهة استخدام نظيفة وسهلة، ويعتمد على دمج البيانات في الوقت الفعلي، مما يجعله مثالًا قويًا على تقنيات تطوير الواجهات الأمامية الحديثة.
