Youtube Clone

نسخة أولية من موقع YouTube تم تطويرها باستخدام HTML، CSS، وJavaScript لمحاكاة تجربة تصفّح الفيديوهات بشكل بسيط وجذاب. يهدف المشروع إلى تعزيز مهاراتك في تصميم الواجهات وبناء تجربة مستخدم مشابهة لمواقع البث المعروفة.

المميزات الرئيسية:

• واجهة رئيسية تعرض مجموعة من الفيديوهات المصغّرة (thumbnails) مرتبة في شبكة مرئية واضحة.

• شريط بحث في الأعلى لمحاكاة البحث عن الفيديوهات (تصميميًا).

• تصميم واجهة مستخدم شبيه بـ YouTube من حيث الألوان، التخطيط، وترتيب العناصر.

• تصميم متجاوب يدعم جميع أحجام الشاشات باستخدام Flexbox وMedia Queries.

• شريط جانبي (Sidebar) يحتوي على أقسام مثل Home وTrending وغيرها (كتصميم).

• تم التركيز على الجانب الجمالي والتفاعلي بدون الاعتماد على قواعد بيانات أو backend.

الأدوات والتقنيات:

• HTML5

• CSS3 (تصميم نظيف مع استخدام Grid وFlexbox)

• JavaScript (وظائف بسيطة لتحسين التفاعل)

• لا يحتوي على خادم Backend – مشروع Frontend فقط

الدور:

• تصميم الواجهة كاملة من الصفر.

• محاكاة تخطيط YouTube وتنظيم المحتوى.

• تحسين تجربة المستخدم من خلال تنسيق الألوان والعناصر.