موقعي الشخصي

هذا مشروع معرض أعمال شخصي متطور ومتجاوب، تم تطويره باستخدام أحدث تقنيات الويب لعرض مهاراتي وخبراتي كمطور واجهات أمامية. يتميز الموقع بتصميم عصري وجذاب مع تجربة مستخدم سلسة ومتطورة.

# التقنيات المستخدمة:

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