CineTrack هو موقع متكامل لتتبع الأفلام، تم تطويره كـ Single Page Application (SPA) باستخدام:
PHP (خلفية)
MySQL (قاعدة بيانات)
AJAX / Fetch API (بدون إعادة تحميل الصفحة)
Third-Party API (مثل OMDb أو TMDB)
الميزات الرئيسية (من الصور والمتطلبات):
1. واجهة المستخدم (UI):
صفحة رئيسية واحدة (index.php) يتم تحديثها ديناميكياً.
Header و Footer منفصلين (header.php, footer.php).
تصميم متجاوب (مناسب للموبايل وال desktop).
2. الصفحات والمكونات (كما في الصور):
Welcome Page: تحتوي على زر Login / Sign Up.
Login/Sign Up باستخدام البريد الإلكتروني وكلمة المرور.
Dashboard رئيسي:
My Movies (كل الأفلام)
Watchlist (قائمة المشاهدة لاحقاً)
Watching (قيد المشاهدة)
Watched (تم مشاهدتها)
إضافة فيلم (Add Movie) مع إمكانية التعديل والحذف.
بحث عن الأفلام المحفوظة (Search your saved movies).
نتائج بحث خارجية من API (مثل Avatar والنتائج المتعددة).
3. قاعدة البيانات (MySQL):
جدول movies يحتوي على:
id, title, year, status (watchlist/watching/watched), date_added, user_id
استخدام Prepared Statements لمنع SQL Injection.
4. العمليات (CRUD):
Create: إضافة فيلم جديد (يدوياً أو من نتائج API).
Read: عرض قائمة الأفلام حسب الحالة.
Update: تعديل حالة الفيلم (مثلاً من watchlist إلى watched).
Delete: حذف فيلم من القائمة.
5. AJAX (بدون إعادة تحميل):
إرسال واستقبال البيانات باستخدام fetch().
كل عملية (إضافة، حذف، تحديث، بحث) تتم عبر AJAX.
6. Third-Party API (مثال: OMDb أو TMDB):
البحث عن أفلام خارجية عبر API.
يتم استدعاء API من خلال API_Ops.php (باستخدام cURL) ثم API_Ops.js يرسل طلب للسيرفر.
مفتاح API مخفي في الخلفية (غير موجود في JavaScript).
عرض النتائج مثل: Avatar (2009), Avatar: The Way of Water (2022), Avatar: The Last Airbender...
7. رفع ملفات (File Upload):
إمكانية رفع صورة للفيلم (Poster).
التحقق من نوع وحجم الملف (client + server).
