My Portfolio

يسعدني أن أشارك معك موقع معرض أعمالي (Portfolio) الشخصي، والذي صممته وبنيته من الصفر ليعكس شغفي في تحويل الأفكار الإبداعية إلى تجارب ويب حية، تفاعلية، وسلسة الاستخدام.

​تم بناء الموقع باستخدام React.js لضمان سرعة الأداء وكفاءة الهيكلية، مع تنسيق دقيق وجذاب ومخصص بالكامل باستخدام CSS ليكون متوافقاً تماماً مع جميع الشاشات (Responsive Design). لإضافة لمسة احترافية وحيوية، قمت بدمج مكتبة Framer Motion لإضافة حركات تفاعلية وانتقالات سلسة (Micro-interactions) تجعل تصفح الموقع تجربة ممتعة ومبهرة للمستخدم.

​🗂️ أقسام الموقع الرئيسية:

​👨‍💻 نبذة عني (About Me): مساحة تعريفية تعرض هويتي كمطور واجهات أمامية، شغفي بالبرمجة، والخطوط العريضة لرؤيتي في بناء مواقع تجمع بين جمال التصميم وقوة الأداء.

​🛠️ مهاراتي (Skills): استعراض تفاعلي ومبتكر للمهارات والتقنيات التي أتقنها، حيث تظهر العناصر بحركات مخصصة عند التمرير لتبرز الأدوات واللغات البرمجية بشكل منظم ومريح للعين.

​💼 خدماتي (Services): عرض مفصل للخدمات التي يمكنني تقديمها للعملاء، بدءاً من تحويل التصاميم (PSD/Figma) إلى أكواد، وحتى بناء مواقع كاملة متجاوبة وديناميكية.

​🎨 أعمالي (Portfolio / Projects): معرض تفاعلي يستعرض أبرز المشاريع التي قمت بتنفيذها، مع ميزة التصفية (Filtering) أو تأثيرات التمرير (Hover effects) لمشاهدة تفاصيل كل مشروع ورابط المعاينة الحية.

​📞 تواصل معي (Contact Me): نموذج تواصل (Contact Form) سلس ومحمي، يتيح للعملاء والزوار إرسال رسائلهم مباشرة، مع ربط حسابات التواصل الاجتماعي والمهني بطريقة تفاعلية.