موقع شخصي-بورتفوليو

موقع تعريفي احترافي (Portfolio) مصمم ومطور خصيصاً لاستعراض الهوية الرقمية، الخدمات، والأعمال السابقة بشكل عصري وجذاب. تم بناء الموقع بالكامل من الصفر (From Scratch) مع التركيز الكامل على جودة الكود، الأداء السريع، وتجربة المستخدم المريحة للعين. الأفكار الأساسية والمميزات التي يوفرها المشروع: تصميم متجاوب بالكامل (Fully Responsive): تم تطبيق فلسفة (Mobile-First Design) لضمان أن يعمل الموقع بسلاسة تامة ويبدو مبهراً على جميع الشاشات (الهواتف الذكية، الأجهزة اللوحية، والشاشات المكتبية الضخمة). واجهة مستخدم عصرية ومريحة (Dark Theme): اختيار درجات الألوان (Slate & Cyan) بعناية فائقة لتقليل إجهاد العين، مع استخدام تباين بصري ذكي يبرز الأجزاء الهامة والعناوين الرئيسية للمستخدم. أداء فائق السرعة: بالاعتماد على Vanilla JavaScript و Tailwind CSS بدون أطر عمل ثقيلة، تم تحقيق سرعة تحميل استثنائية وتصفح انسيابي. تأثيرات تفاعلية ناعمة: إضافة تأثيرات حركية مدروسة وفلاتر بصرية خفيفة على الأزرار والصور عند مرور الماوس (Hover States) لتعزيز تفاعل المستخدم وإعطاء شعور بالاحترافية والفخامة. نظام تواصل متكامل ومؤمن: ربط نموذج الاتصال (Contact Form) بـ Google Sheets عبر API خاص، ليتيح للزوار إرسال رسائلهم وتخزينها فورياً في جدول بيانات منظم، مع معالجة الأخطاء وحالة الإرسال تلقائياً لحماية مدخلات المستخدم. التقنيات المستخدمة في المشروع (Tech Stack): HTML5: لبناء هيكل موقع متوافق مع معايير الويب ومعايير الوصول (Accessibility). Tailwind CSS & CSS3: لتنسيق الواجهات بشكل مرن، سريع، ونظيف تماماً من الكود الزائد. Vanilla JavaScript: للتحكم الكامل في عناصر الواجهة (DOM Manipulation) وبناء القائمة المتجاوبة وربط الـ APIs. Google Apps Script: لبرمجة الواجهة الخلفية المصغرة لاستقبال وتخزين رسائل نموذج الاتصال.