Portfolio Website – Personal Data Analytics Showcase

بنيت موقع بورتفوليو تفاعلي لعرض مهاراتي ومشاريعي في تحليل البيانات وBusiness Intelligence. الموقع مصمَّم ليقدّم تجربة مستخدم نظيفة وسريعة، ويجمع بين عرض السيرة الذاتية، الخدمات، المهارات، أمثلة المشاريع (صور + فيديوهات) وروابط مباشرة لتحميل السيرة الذاتية والتواصل عبر LinkedIn وWhatsApp.

الخطوات اللي عملتها:

-تخطيط وتصميم: وضعت هيكل المعلومات (Hero, About, Services, Education & Experience, Skills, Projects, Contact) وصممت واجهات مبسطة باستخدام مبدأ الـ cards لسهولة القراءة.

-تحويل التصميم إلى كود: استخدمت React لبناء المكوّنات (components) وقسمت الصفحة إلى عناصر قابلة لإعادة الاستخدام (Section, Card, Chip).

-الستايل والأنيميشن: استخدمت Tailwind CSS للتنسيق السريع والمرن، وFramer Motion للحركات الخفيفة التي تحسن تجربة التصفح دون إبطاء الصفحة.

-تكامل الوسائط والملفات: أضفت دعم لصور المشاريع وفيديوهات توضيحية وزر تحميل ملف PDF للسيرة الذاتية، مع روابط مباشرة لمشاريع Colab وDocs.

-الخصائص العملية: أدرجت أزرار تواصل سريعة (LinkedIn, WhatsApp, mailto, tel) لجعل الاتصال سهلاً للعميل أو صاحب العمل.

-قابلية النشر: جهّزت البنية لتكون قابلة للبناء (build) والنشر على منصات مثل Vercel أو Netlify مع ملفات assets داخل مجلد public لسهولة التعامل مع المسارات.

-اختبار وتحسين: اختبرت تجاوب الصفحة على أحجام شاشات مختلفة، وتحققت من تحميل الصور ومسارات الملفات لضمان عدم حدوث أخطاء 404 بعد النشر.

التقنيات المستخدمة:

React, Tailwind CSS, Framer Motion, lucide-react (أيقونات)، HTML/CSS/JS، وتنظيم assets داخل public (صور، فيديو، PDF).