My Portfolio

بناء وتطوير موقع بورتفوليو شخصي تفاعلي وعصري لاستعراض المشاريع البرمجية وتطبيقات الهواتف والأنظمة السحابية بأعلى معايير الأداء وتجربة المستخدم (UI/UX).

تم بناء الموقع برمجياً بالكامل (Custom Code) بدون الاعتماد على قوالب جاهزة أو مكتبات ثقيلة، لضمان سرعة تحميل فائقة وتوافق تام بنسبة 100% مع كافة أحجام الشاشات (الهواتف الذكية، التابلت، اللابتوب، والشاشات الكبيرة).

أبرز مميزات وتقنيات الموقع:

1. إطارات عرض تفاعلية ثلاثية الأبعاد (Device Mockups):

- إطار هاتف ذكي (iPhone Mockup) متقن برمجياً بالـ CSS الخالص مع Dynamic Island وسلايدر تقليب تلقائي كل 3 ثوانٍ لعرض لقطات شاشات تطبيقات الموبايل.

- إطار لابتوب (MacBook Mockup) تفاعلي لعرض أنظمة الويب وصفحات الهبوط ولوحات التحكم (Dashboards).

2. دعم كامل وتلقائي لثنائية اللغة (Bilingual & RTL/LTR):

- نظام ترجمة فوري وسلس بين اللغتين العربية والإنجليزية مع تبديل اتجاه الصفحة والخطوط تلقائياً.

3. تصميم عصري فاخر (Dark Modern UI):

- استخدام تقنيات الـ Glassmorphism والتدرجات الضوئية وتأثيرات الإضاءة التفاعلية (Spotlight Glow) عند تحريك الماوس.

4. نظام فلترة وتصنيف ذكي للمشاريع (Dynamic Filtering):

- تصنيف فوري للمشاريع حسب نوعها (تطبيقات Flutter، مشاريع React Native، أنظمة Web & ERP، وصفحات الهبوط Landing Pages).

5. عرض الصور بدقة عالية (Lightbox Modal):

- نافذة منبثقة مكبرة لعرض تفاصيل وصور المشاريع بجودتها الأصلية بدون أي فقد في الدقة.

6. عدادات إحصائية ونماذج تواصل مباشرة:

- عداد رقمي متحرك لحساب سنوات الخبرة وعدد المشاريع، مع ربط مباشر بوسائل التواصل وتحميل السيرة الذاتية (CV).

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

- HTML5 (Semantic Structure & SEO Optimized)

- CSS3 (Custom Properties, Flexbox, CSS Grid, Keyframe Animations, Glassmorphism)

- Modern JavaScript (Vanilla JS - Modular & Optimized)

- Font Awesome Icons & Google Fonts (Cairo & Inter)

- GitHub Pages Deployment