موقعي الشخصي

هذا مشروع معرض أعمال شخصي متطور ومتجاوب، تم تطويره باستخدام أحدث تقنيات الويب لعرض مهاراتي وخبراتي كمطور واجهات أمامية. يتميز الموقع بتصميم عصري وجذاب مع تجربة مستخدم سلسة ومتطورة. # التقنيات المستخدمة: React 18 مع TypeScript للتطوير الآمن والقابل للصيانة Vite كأداة بناء سريعة وفعالة Tailwind CSS للتصميم المتجاوب والأنيميشن shadcn/ui لمكونات واجهة المستخدم المتطورة Three.js مع React Three Fiber لإنشاء خلفيات تفاعلية ثلاثية الأبعاد EmailJS لنموذج الاتصال التفاعلي Lucide React لأيقونات جميلة ومتسقة # المميزات الرئيسية: 1. الصفحة الرئيسية (Hero Section) خلفية تفاعلية ثلاثية الأبعاد مع كائن دوار عنوان متدرج مع أنيميشن متدفق أزرار دعوة للعمل واضحة وجذابة 2. قسم "عني" (About Section) صورة شخصية مع تأثيرات بصرية متطورة عرض للمسار المهني والخبرات روابط لتحميل السيرة الذاتية ثلاث ميزات رئيسية: كود نظيف، تصميم إبداعي، أداء عالي 3. قسم المهارات (Skills Section) عرض تفاعلي للمهارات التقنية مع أشرطة تقدم متحركة تصنيف شامل للمهارات: HTML/CSS، JavaScript، TypeScript، Vue.js، React، Angular مكتبات وأطر العمل: Tailwind CSS، MUI، Vuetify، Bootstrap، Sass أدوات التطوير: Git، GitHub 4. قسم المشاريع (Projects Section) عرض تفاعلي لـ 7 مشاريع رئيسية: AlRehab E-Commerce: متجر إلكتروني للإلكترونيات Library System Project: نظام مكتبة رقمي (مشروع التخرج) Simple Educational Platform: منصة تعليمية بسيطة E-Commerce Platform Demo: منصة تجارة إلكترونية تجريبية Image Editor website: موقع محرر الصور Crud operations project: نظام إدارة المنتجات My Old Portfolio Website: معرض الأعمال السابق 5. قسم الاتصال (Contact Section) نموذج اتصال تفاعلي مع EmailJS معلومات التواصل: البريد الإلكتروني، الهاتف، الموقع روابط التواصل الاجتماعي: GitHub، LinkedIn، Facebook تصميم متجاوب مع تأثيرات بصرية جذابة # المميزات التقنية: التصميم المتجاوب متوافق مع جميع أحجام الشاشات تصميم محسن للهواتف المحمولة والأجهزة اللوحية الأداء العالي تحميل كسول للصور (Lazy Loading) تحسين الأداء مع Vite أنيميشن سلس ومحسن تجربة المستخدم تنقل سلس بين الأقسام تأثيرات بصرية متطورة تفاعل مستجيب ومتجاوب إمكانية الوصول تصميم يراعي معايير إمكانية الوصول دعم للتنقل بالكيبورد تسميات مناسبة للعناصر الهدف من المشروع يهدف هذا المعرض إلى: عرض المهارات التقنية والخبرات العملية إظهار القدرة على تطوير تطبيقات ويب متطورة تقديم نماذج من الأعمال المنجزة تسهيل التواصل مع العملاء المحتملين إظهار الالتزام بمعايير التطوير الحديثة # الخلاصة: هذا المشروع يمثل معرض أعمال احترافي ومتطور يعكس خبرة 1.5 سنة في تطوير الواجهات الأمامية، مع التركيز على التصميم الحديث والأداء العالي وتجربة المستخدم المتميزة.