Movie App

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

الهدف الأساسي من المشروع هو تقديم تجربة مستخدم فائقة السرعة وسلسة (SPA) تعتمد على جلب البيانات الحية واللحظية، مع الحفاظ على أداء الموقع واستقرار كفاءته البرمجية حتى مع تصفح آلاف العناصر.

الميزات والحلول التقنية التي قمت بتنفيذها:

جلب واستهلاك البيانات اللحظية (Live Data API): ربط التطبيق بكفاءة مع قواعد بيانات الأفلام العالمية (مثل TMDB API) عبر Axios لجلب تفاصيل الأفلام، التقييمات، البوسترات، وتحديثها تلقائياً.

إدارة الحالة الشاملة والـ Favorites: الاعتماد على Redux / Redux Toolkit لإدارة حالة التطبيق بشكل مركزي، مما يسمح للمستخدم بإضافة أو حذف الأفلام من "قائمة المفضلة" ومزامنتها فورياً عبر جميع صفحات التطبيق بدون أي تأخير أو إعادة تحميل.

محرك بحث وتصفية ذكي (Advanced Search & Filtering): بناء نظام بحث ديناميكي يعرض النتائج فوراً أثناء الكتابة، مع إمكانية فرز الأفلام وتصنيفها بناءً على النوع (Genre) أو تاريخ الإصدار.

نظام التصفح الرقمي (Pagination): برمجة ميزة الانتقال بين الصفحات بسلاسة لتوزيع البيانات المستلمة من السيرفر، مما يضمن تحميل صفحات الموقع بسرعة البرق وبأقل استهلاك ممكن للبيانات.

هندسة برمجية نظيفة وتجاوب كامل: تم تقسيم التطبيق إلى مكونات مستقلة قابلة لإعادة الاستخدام (Reusable Components) لضمان سهولة التطوير والصيانة مستقبلاً، وتصميم الواجهات لتكون متجاوبة 100% مع الجوال والكمبيوتر باستخدام أحدث أدوات التنسيق العصرية.

بيئة العمل والتقنيات (Tech Stack):

Frontend: React.js (Hooks / Architecture)

State Management: Redux / Redux Toolkit

API Client & Routing: Axios, React Router Dom

Styling & Responsive UI: Tailwind CSS / Bootstrap