🎬 MovieApp – تطبيق عرض الأفلام باستخدام Angular
MovieApp هو تطبيق ويب تفاعلي تم تطويره باستخدام Angular، يتيح للمستخدمين تصفح مجموعة من الأفلام بطريقة منظمة وحديثة. يشبه في فكرته التطبيقات العالمية مثل Netflix و IMDb، ويُركز على تجربة المستخدم من خلال واجهة جذابة وسهلة الاستخدام.
🔧 التقنيات المستخدمة:
Angular 19+
🎨 CSS / Bootstrap / Tailwind (حسب استخدامك)
🌍 ngx-translate لدعم تعدد اللغات
💾 localStorage لحفظ المفضلة (Wishlist)
📦 API وهمي أو ملف JSON كمصدر للبيانات
قات الأفلام بصور عالية الجودة، وتفاصيل مثل الاسم وتاريخ الإصدار.
🔍 مربع بحث يسمح للمستخدم بالبحث السريع عن الأفلام.
❤️ نظام Wishlist لإضافة الأفلام المفضلة، مع عداد في شريط التنقل.
🌐 دعم تعدد اللغات (English, Arabic, French, Chinese).
💡 تصميم متجاوب يعمل على مختلف أحجام الشاشات.
🧱 مكونات المشروع:
NavbarComponent: يحتوي على شعار، بحث، لغة، وWishlist.
MovieCardComponent: يعرض بيانات الفيلم (الصورة – الاسم – التاريخ – زر المفضلة).
WishlistService: لإدارة قائمة المفضلات باستخدام localStorage أو BehaviorSubject.
LanguageService: لتغيير لغة التطبيق ديناميكيًا.
MovieService: لاسترجاع بيانات الأفلام من JSON أو API.
🗂️ صفحات مستقبلية يمكن إضافتها:
صفحة تفاصيل الفيلم.
تسجيل دخول المستخدمين.
فلترة حسب النوع أو التصنيف.
ربط التطبيق بـ API حقيقية مثل TMDB أو Firebase.
🚀 هدف المشروع:
تعزيز مهارات تطوير الواجهات باستخدام Angular.
تطبيق عملي على المفاهيم الأساسية: Components، Services، Routing، State Management، وInternationalization.
إنشاء واجهة مستخدم جذابة تشبه التطبيقات الاحترافية العالمية.
