معرض أعمال شخصي تفاعلي بتصميم فني حديث (Artistic & Interactive Portfolio)

ليكون واجهة رقمية احترافية تعكس الهوية الهندسية والفنية للمطور. يهدف المشروع إلى عرض الخبرات والمشاريع البرمجية (Backend & Full Stack) في قالب بصري غير تقليدي يجمع بين الفخامة (Premium Look) والتجربة التفاعلية السلسة.

يتميز الموقع بتصميم "Dark Theme" مع لمسات فنية (Noise Textures) وتأثيرات حركية مدروسة، مما يجعله ليس مجرد موقع لعرض المعلومات، بل تجربة بصرية تبرز الاهتمام بالتفاصيل وجودة الكود.

الميزات الأساسية (Key Features):

تصميم عصري وجذاب (Artistic UI/UX):

استخدام نظام ألوان متطور (Stone & Amber Palette) يعطي طابعًا هندسيًا رصينًا.

خلفيات ذات ملمس فني (Grainy/Noise Backgrounds) تضفي عمقًا وجمالية للتصميم.

تأثيرات حركية متقدمة (Advanced Animations):

اعتماد مكتبة Framer Motion لعمل تأثيرات ظهور (Reveal Animations) ناعمة للنصوص والعناصر عند التمرير.

تفاعلات دقيقة (Micro-interactions) عند مرور الماوس على بطاقات المشاريع والأزرار.

عرض احترافي للمشاريع (Project Showcase):

تخطيط متبادل (Alternate Layout) لعرض قوائم المشاريع بأسلوب قصصي.

إبراز الإحصائيات والأرقام (Key Metrics) لكل مشروع لجذب انتباه العملاء للنتائج.

أداء عالي وسرعة فائقة:

الموقع مبني باستخدام Vite لضمان سرعة تحميل لحظية وتجربة مستخدم خالية من التأخير.

متجاوب بالكامل (Fully Responsive):

تصميم مرن يتكيف بسلاسة مع جميع أحجام الشاشات (Mobile, Tablet, Desktop).

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

الإطار العمل (Framework): React js (v18)

لغة البرمجة: TypeScript (لضمان قوة الكود وخلوه من الأخطاء).

التصميم (Styling): Tailwind CSS (لتصميم مرن وسريع).

الرسوم المتحركة (Animations): Framer Motion.

الرسوم ثلاثية الأبعاد (3D): React Three Fiber / Drei (لإضافة لمسات ثلاثية الأبعاد عند الحاجة).

أدوات البناء: Vite.