تصميم وتطوير موقعي الشخصي كـ مطور ويب فريلانسر | Salem.dev Portfolio

قمت بتصميم وتطوير موقعي الشخصي (Portfolio Website) ليكون واجهة رقمية متكاملة تعرض خدماتي وهويتي كمطور مواقع مستقل (Freelance Web Developer)، مع التركيز التام على تجربة المستخدم السلسة وسرعة التصفح وتوجيه الزوار نحو اتخاذ إجراء مباشر. أبرز ما تم تنفيذه في هذا المشروع:الهوية البصرية والوضع المظلم/المضيء (Theme Toggle): بناء واجهة مستخدم مخصصة تدعم التبديل السلس بين الوضع الداكن الافتراضي والوضع الفاتح بناءً على تفضيل المستخدم باستخدام JavaScript، مع اختيار لوحة ألوان عصرية وخطوط متناسقة ("Cairo" و "JetBrains Mono") لتعزيز المظهر الاحترافي لملفات المطورين. محاكاة محرر الأكواد (Code Editor UI): تصميم قسم بطل (Hero Section) مبتكر يحتوي على نموذج تفاعلي لمحرر أكواد برمجية يعرّف بي وبمهاراتي بشكل إبداعي يجذب انتباه أصحاب المشاريع والعملاء. معرض الأعمال المتجاوب (Dynamic Portfolio Grid): بناء هيكلية لعرض 5 مشاريع منوعة (مطاعم، عيادات طبية، متاجر أزياء، فنادق، ومواقع شركات محلية) مع شارات تصنيف واضحة وأيقونات دلالية مرسومة بـ SVG. نظام ربط فوري بالواتساب: برمجة نموذج اتصل بنا (Contact Form) برمجياً عبر الـ JavaScript، بحيث يقوم بجمع بيانات العميل وصياغة الرسالة تلقائياً وتوجيهها مباشرة إلى حساب الواتساب الخاص بي بضغطة زر واحدة لتسهيل رحلة العميل. أداء وتجاوب كامل (Fully Responsive): كتابة أكواد CSS3 نظيفة باستخدام الميديا كويري (Media Queries) والـ Flexbox/Grid لضمان تكيّف الموقع بنسبة 100% مع الهواتف الذكية والأجهزة اللوحية والشاشات المكتبية. التقنيات المستخدمة (Stack):Semantic HTML5 & Flexbox/Grid CSS3 Vanilla JavaScript (for light/dark theme & WhatsApp form logic) SVG Icons & Google Fonts Integration