تصميم وتطوير واجهة موقع أفلام باستخدام Angular مع نظام إدارة للمفضلة وقوائم المشاهدة

قمت بتصميم وتطوير واجهة مستخدم (Front-End) لموقع أفلام باستخدام إطار العمل Angular، مع الالتزام بأفضل معايير كتابة الكود وتجربة المستخدم. المشروع يركز على تقديم تجربة تصفح سلسة وعصرية عبر واجهات منظمة وسريعة الاستجابة.

-تفاصيل الصفحات المنجزة:

الصفحة الرئيسية (Home Page):

تتضمن عرضًا للأفلام (Movies) والمسلسلات التلفزيونية (TV Shows)، مع تصميم جذاب يتيح للمستخدمين استكشاف المحتوى بسهولة.

صفحة الأفلام (Movies Page):

مخصصة لعرض قائمة الأفلام مع إمكانية عرض تفاصيل إضافية لكل عمل.

صفحة المسلسلات (TV Shows Page):

تعرض المسلسلات بطريقة منظمة مع إمكانية التنقل بين المواسم والحلقات.

صفحة قائمة المشاهدة (Watchlist Page):

تمكن المستخدم من حفظ الأفلام والمسلسلات لمشاهدتها لاحقًا ضمن قائمة خاصة.

صفحة المفضلة (Favorites Page):

تعرض جميع الأعمال التي قام المستخدم بإضافتها إلى قائمته المفضلة بشكل مرتب وسهل التصفح.

التقنيات المستخدمة:

Angular: لبناء الواجهات الديناميكية وإدارة الحالات (State Management) بكفاءة.

HTML5 / Tailwind / TypeScript: لكتابة كود نظيف وقابل للصيانة.

Flexbox: لتنظيم العناصر بطريقة مرنة وسلسة عبر الصفحات.

Responsive Design: لضمان توافق الموقع مع جميع أحجام الشاشات والأجهزة.

UI/UX Best Practices: لتحقيق تجربة مستخدم مريحة وعصرية.

مميزات إضافية:

تنقل سريع بين الصفحات بفضل بنية Angular.

تقسيم المشروع إلى مكونات (Components) لسهولة إدارة الكود وتوسيعه مستقبلاً.

استخدام تأثيرات حركية بسيطة لتحسين تجربة التصفح.

كود نظيف ومنظم يسهل دمجه مع أي نظام Back-End أو خدمات API لاحقًا.