هذا مشروع معرض أعمال شخصي متطور ومتجاوب، تم تطويره باستخدام أحدث تقنيات الويب لعرض مهاراتي وخبراتي كمطور واجهات أمامية. يتميز الموقع بتصميم عصري وجذاب مع تجربة مستخدم سلسة ومتطورة.
# التقنيات المستخدمة:
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 سنة في تطوير الواجهات الأمامية، مع التركيز على التصميم الحديث والأداء العالي وتجربة المستخدم المتميزة.
