تم تطوير نسخة محاكاة (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 وتفاعلات بصرية