تطوير واجهة عرض تفاعلية (Interactive Presentation)

قمت بتطوير تطبيق ويب تفاعلي (Single Page Application) يهدف إلى تقديم وعرض المسارات التقنية لفريق المطورين بشكل مبتكر وعصري، كبديل للعروض التقليدية (PowerPoint). يعتمد المشروع بشكل كامل على التفاعل الحي والرسوم المتحركة.

أهم المميزات التقنية في المشروع:

تأثيرات بصرية متقدمة (Advanced Animations): استخدام مكتبة Framer Motion لإنشاء حركات انسيابية وتأثيرات دخول وخروج للعناصر.

بطاقات ثلاثية الأبعاد (3D Interactive Cards): برمجة بطاقات تتحرك مع حركة الماوس (Mouse Hover Effect) لتعطي عمقاً وتجربة مستخدم ممتعة.

خلفيات ديناميكية (Dynamic Backgrounds): كل قسم في الموقع له خلفية متحركة خاصة به تعبر عنه (مثلاً: كود Matrix لقسم الويب، ودوائر عصبية لقسم الـ AI) تتغير تلقائياً مع التنقل.

إدارة الحالة (State Management): استخدام React Hooks للتحكم في تدفق العرض والتنقل بين الشرائح (Steps).

تصميم متجاوب (Responsive): واجهة تعمل بسلاسة على الموبايل والديسكتوب باستخدام Tailwind CSS.

هذا المشروع يوضح قدرتي على دمج التصميم الإبداعي مع الكود البرمجي المعقد لإنتاج واجهات مستخدم غنية (Rich UI).