معرض افلام

1. الهدف الرئيسي

إنشاء تطبيق ويب بسيط ومتكامل باستخدام Angular يسمح للمستخدمين بالبحث واستعراض الأفلام، مع ربط التطبيق بواجهة بيانات مثل TMDb أو OMDb لعرض تفاصيل الأفلام (مثل العنوان، الملصق، التصنيف، التاريخ، الملخص).

2. ️ المواصفات التقنية

النسخة: Angular 16–17 (أحدث ما يُطلب عادةً).

التصميم:

واجهة حديثة باستخدام Angular Material أو Tailwind.

عرض النتائج بشكل بطاقات (cards) متجاوبة مع مختلف الأجهزة.

خدمات البيانات:

Service خاص لجلب البيانات عبر HttpClient.

دعم البحث بالكلمات المفتاحية باستخدام Reactive Forms.

التنقل:

صفحة رئيسية تعرض أشهر الأفلام.

صفحة جزئية لنتائج البحث.

صفحة تفاصيل لكل فيلم بمعلومات أوسع.

تحسين الأداء:

Pagination أو lazy loading للنتائج.

استخدام ChangeDetectionStrategy.OnPush لتحسين الأداء.

البيئة والإعداد:

فصل المفاتيح API داخل environment.ts.

أوامر تشغيل: git clone, npm install, ng serve.

3. الميزات الإضافية المحتملة (اختيارية)

دعم Infinite Scroll بدلاً من الزر "التالي".

إمكانية عرض مقاطع الفيديو الترويجية (trailers) من TMDb.

دعم التصفح متعدد اللغات (i18n).

توفير حزمة SSR عبر Angular Universal لتحسين SEO.

تنفيذ تصميم Dark Mode و Light Mode.

4. متطلبات التسليم

كود المصدر مرتب وموثّق (ملف README.md مفصّل).

واجهة مستخدم بديهية ومتجاوبة.

وثائق توضح:

خطوات الإعداد والتشغيل.

استخدام API Key.

حالة المشروع (جاهز للنشر على Netlify، Vercel أو Firebase Hosting).

5. ⏱️ تقدير الوقت والتكلفة (مثال)

تقدير زمني: 7 إلى 10 أيام عمل.

التكلفة المتوقعة: تختلف باختلاف مستوى الخبرة، عادةً بين 3000–6000 جنيه مصر