Movies API

اسم المشروع: Movies API

نوع المشروع: تطبيق ويب لاستعراض معلومات الأفلام

التقنيات المستخدمة: HTML, CSS, JavaScript, JSON, API (TMDB)

وصف عام

"Movies API" هو تطبيق ويب تفاعلي يتيح للمستخدمين استعراض أحدث الأفلام الشهيرة، البحث عن الأفلام، وعرض تفاصيلها مثل القصة، التصنيف، وتاريخ الإصدار. يعتمد التطبيق على قاعدة بيانات TMDB لجلب بيانات الأفلام باستخدام واجهة برمجة التطبيقات (API).

المكونات الرئيسية

الصفحة الرئيسية (index.html)

تحتوي على تصميم جذاب يعرض مقدمة عن التطبيق.

تضم نموذج تسجيل الدخول والتسجيل لتوفير تجربة شخصية للمستخدمين

.

لوحة التحكم (dashboard.html)

تعرض الأفلام الشهيرة من خلال تكامل مع TMDB API

.

توفر إمكانية البحث عن الأفلام باستخدام شريط البحث.

تعرض تفاصيل الفيلم في نافذة منبثقة عند النقر عليه

.

نظام المصادقة (auth.js)

يتيح للمستخدمين تسجيل الدخول والتسجيل في التطبيق

.

يتم التحقق من البريد الإلكتروني وكلمة المرور قبل السماح بالدخول.

يحفظ بيانات المستخدمين في قاعدة بيانات JSON محلية (db.json)

.

عرض الأفلام وتصفيتها (Dash.js)

يتم جلب بيانات الأفلام باستخدام TMDB API.

يوفر إمكانية البحث عن الأفلام وعرض نتائج البحث بطريقة ديناميكية.

يتيح فلترة الأفلام بناءً على النوع (أكشن، كوميديا، دراما، إلخ)

.

صفحات إضافية (about.html, contact.html)

صفحة "من نحن" تقدم وصفًا عامًا للموقع

.

صفحة "اتصل بنا" تحتوي على نموذج تواصل مع فريق الدعم

.

أهم الميزات

تحديث مستمر لقائمة الأفلام عبر التكامل مع TMDB API.

نظام تسجيل دخول وتسجيل حسابات باستخدام JSON Server.

واجهة مستخدم جذابة وحديثة باستخدام CSS و Tailwind.

بحث متقدم عن الأفلام وعرض تفاصيلها في نافذة منبثقة.

إمكانية تصفية الأفلام بناءً على الفئات المختلفة.

دعم تسجيل الدخول والخروج مع تخزين الجلسات محليًا.