موقع شخصي تعريفي (Portfolio) تفاعلي بتصميم عصري وأداء عالي

قمت بتصميم وتطوير موقع شخصي (Portfolio) متكامل ليكون الواجهة الرقمية الاحترافية لعرض المشاريع والخبرات التقنية. الهدف الرئيسي للمشروع هو تقديم تجربة مستخدم (UX) استثنائية تعكس الهوية البصرية للمطور، مع ضمان أعلى معدلات الأداء والسرعة (High Performance).

أبرز مميزات الموقع:

1. تصميم عصري وتفاعلي: واجهة مستخدم نظيفة (Minimalist) تعتمد على أحدث صيحات التصميم، مع دعم كامل للوضع الليلي والنهاري (Dark/Light Mode).

2. تأثيرات بصرية سلسة: استخدام مكتبة Framer Motion لإضافة حركات انيميشن ناعمة عند التنقل بين الأقسام وعرض العناصر، مما يضيف طابعاً حيوياً للموقع.

3. استعراض المشاريع: قسم مخصص لعرض الأعمال السابقة مع إمكانية التصفية (Filtering) وروابط للمعاينات الحية ومستودعات الكود.

4. التجاوب الكامل (Responsive): تصميم مرن يعمل بكفاءة تامة على جميع الشاشات (موبايل، تابلت، ديسكتوب).

5. نموذج تواصل فعال: ربط نموذج "اتصل بي" بخدمات البريد الإلكتروني لاستقبال الرسائل مباشرة.

6. تحسين محركات البحث (SEO): هيكلة الكود بطريقة تضمن الأرشفة السريعة والظهور الجيد في نتائج البحث.

التقنيات المستخدمة (Tech Stack):

- إطار العمل: Next.js 15 (App Router) - لأداء فائق وسرعة تحميل لحظية.

- اللغة: TypeScript - لكود نظيف وقابل للتطوير.

- التصميم: Tailwind CSS & Shadcn UI - لبناء مكونات أنيقة وقابلة لإعادة الاستخدام.

- التحريك: Framer Motion - لإضافة التفاعلية والحركة.

- الأيقونات: Lucide React.