details.md

تفاصيل المشروع

تاريخ التسليم

2021-04-09

التقنيات

CSS HTML Javasdript

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

💡 فكرة المشروع وشرحه

الفكرة هي إعادة إنشاء أهم صفحات منصة يوتيوب من الصفر لإثبات القدرة على بناء واجهات معقدة ومتعددة الصفحات، وتشمل:

  1. الصفحة الرئيسية (index.html): الشريط الجانبي (Sidebar) الكامل بكل الأقسام (المشتركات، السجل، الأفلام، الألعاب…)، شريط علوي يحتوي بحثًا وتسجيل دخول، وقائمة فيديوهات مقترحة بتصميم بطاقات (Cards) تعرض الصورة المصغرة، المدة، العنوان، اسم القناة وشعارها، وعدد المشاهدات والتاريخ.
  2. نافذة تسجيل الدخول (Modal): نافذة منبثقة لتسجيل الدخول بحقلي بريد إلكتروني وكلمة مرور.
  3. صفحة القناة (channel.html): لعرض تفاصيل قناة معينة.
  4. صفحة المشاهدة (watch.html): لتشغيل الفيديو المختار.
  5. صفحة سجل المشاهدة (log.html): لعرض الفيديوهات التي شاهدها المستخدم سابقًا.
  6. صفحة البحث (search.html): لعرض نتائج البحث.

مشاريع ذات صلة

نظام إدارة الأداء المؤسسي

“نظام إدارة الأداء المؤسسي” منصة رقمية مخصصة لكلية التمريض والعلوم الصحية، تهدف إلى قياس وتقييم أداء الكلية على مستوى الأقسام الأكاديمية وأعضاء هيئة التدريس والبرامج التعليمية، بما يتماشى مع معايير الجودة والاعتماد الأكاديمي. يتيح النظام تحديد مؤشرات الأداء الرئيسية (KPIs) لكل قسم أو برنامج (كمعدلات النجاح، رضا الطلاب، نتائج التقييم السريري، الإنتاج البحثي لأعضاء هيئة […]

API Lravel +1

نظام تحليل الاعراض

“نظام تحليل الأعراض الصحية” منصة رقمية مخصصة لمراكز المراقبة الصحية في مطار الملك عبدالعزيز الدولي بجدة، تهدف إلى دعم الفرق الطبية في الكشف المبكر عن الحالات الصحية لدى القادمين والمغادرين. يتيح النظام إدخال الأعراض الظاهرة على المسافر (كالحرارة، السعال، صعوبة التنفس، الطفح الجلدي…) عبر نموذج تفاعلي، ثم يقوم بتحليلها ومطابقتها مع قاعدة بيانات للأمراض المعدية […]

API Lravel +1