Dockyard Social Clone

تم تطوير نسخة محاكاة (Clone) لمنصة Dockyard Social باستخدام تقنيات HTML وCSS وJavaScript، بهدف تصميم واجهة مستخدم حديثة لمحور يركّز على عرض الفعاليات (Events) وتجربة حجز التذاكر (Tickets).

يشمل المشروع:

- تصميم واجهة رئيسية لعرض الفعاليات بشكل منظم مع دعم التمرير (Scrolling Experience)

- إنشاء صفحات مخصصة لعرض تفاصيل الحدث (Event Details)

- تصميم صفحة لحجز وعرض التذاكر (Tickets Page)

- تطوير شريط تنقل (Navigation Bar) يسهل الوصول بين الأقسام المختلفة

- تطبيق تصميم متجاوب (Responsive Design) ليعمل على مختلف الأجهزة (موبايل / تابلت / ديسكتوب)

- إضافة CSS Animations وTransitions لتحسين تجربة المستخدم، مثل:

- تأثيرات hover تفاعلية على العناصر

- حركات ظهور تدريجية عند التنقل بين الأقسام

- تحسين الإحساس بالتمرير داخل الصفحة

يركز المشروع على تطوير مهارات Front-End Development من خلال:

بناء Layout احترافي باستخدام CSS

استخدام Flexbox و Grid لتنظيم المحتوى

تحسين تجربة المستخدم عبر animations وتفاعلات بصرية