Personal Portfolio

تم بناء هذا المشروع ليكون أكثر من مجرد "معرض أعمال" تقليدي؛ فهو منصة ويب متكاملة تستعرض أحدث تقنيات تطوير الواجهات الأمامية (Frontend Engineering) مع دمج تقنيات الذكاء الاصطناعي لتوفير تجربة تفاعلية فريدة للزوار.

المشروع يعكس قدرتي على بناء تطبيقات ويب سريعة، مستقرة، ومتوافقة مع معايير الـ SEO، مع التركيز الشديد على الجماليات البصرية (Aesthetics) والأنيمشن الاحترافي.

أبرز المميزات والوظائف:

مساعد ذكي مدمج (AI Chatbot): دمج تقنية Google Gemini AI لتمكين الزوار من الدردشة مع الموقع وطرح أسئلة حول مهاراتي ومشاريعي، مما يحول التصفح إلى تجربة حوارية.

نظام عرض مشاريع ديناميكي: صفحات مخصصة لكل مشروع مع استعراض كامل للمميزات، التقنيات المستخدمة، روابط الـ Source Code، والمعاينة الحية.

تجربة بصرية متميزة (UI/UX): استخدام لغة تصميم "Glassmorphism" مع تأثيرات بصرية غامرة، ودعم كامل للوضع الليلي (Dark Mode) والوضع النهاري بشكل سلس.

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

أداء خارق: الموقع مبني بأحدث إصدار من Next.js 15 لضمان سرعة تحميل فائقة وتجربة مستخدم لا مثيل لها.

متجاوب تماماً (Fully Responsive): تصميم ذكي يتكيف مع جميع الشاشات (موبايل، تابلت، ديسكتوب) بدقة احترافية.

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

Framework: Next.js 15 & React 19 (أحدث التقنيات المتاحة).

Language: TypeScript (لضمان كود نظيف وخالي من الأخطاء).

Styling: Tailwind CSS 4 & CSS Grid/Flexbox.

AI Integration: Google Generative AI (Gemini API).

Animations: Framer Motion & CSS Keyframes.

Icons: Lucide React & Font Awesome.e 95+)