Khalid Khalil | Engineering Portfolio

رؤية المشروع:

تحويل مفهوم السيرة الذاتية التقليدية إلى منتج تقني عالي الجودة (High-end SaaS Product). يهدف المشروع إلى استعراض "برهان العمل" (Proof of Work) والعمق التقني للمهندس خالد خليل، مع التركيز على الأداء الفائق وتجربة المستخدم الاستثنائية.

-الترسانة التقنية (Technical Stack):

تم اختيار التقنيات بعناية لتحقيق توازن بين الجمالية والقوة البرمجية:

اللغة التصميمية: اعتماد نمط Bento Grid العصري مع تصميم Premium Dark Mode (Slate-950) وتأثيرات الزجاج (Glassmorphism).

الحركة والتفاعل: استخدام Framer Motion لانتقالات صفحات سلسة وتفاعلات تحوم (Hover effects) تعطي إحساساً بالفخامة.

الأداء: تطبيق تقنيات التحميل الكسول (Lazy Loading) وتحسين صور المتجهات (SVGs) لضمان سرعة استجابة فائقة.

دعم اللغات: بنية تحتية جاهزة للتوطين (i18n) تدعم العربية والإنجليزية بذكاء.

-المميزات الفريدة (Engineering Highlights):

لوحة تحكم (Command Palette): نظام ملاحة متطور عبر اختصار Ctrl+K يوفر تجربة تصفح سريعة تشبه أدوات المطورين المحترفين.

محاكي الطرفية (Terminal Emulator): مكون CLI تفاعلي في أسفل الموقع يسمح للزوار باستكشاف المعلومات عبر الأوامر البرمجية (مثل help أو about).

مختبر الابتكار (Innovation Lab): قسم مخصص لاستعراض المشاريع البحثية المتقدمة مثل "تحسين نماذج اللغة المحلية (LLMs)" و"التحليل الجيومكاني للكشف عن المياه الجوفية".

بنية البيانات المرنة: فصل البيانات عن الواجهة عبر ملف config.ts موحد، مما يسمح بتحديث كامل محتوى الموقع (المشاريع، الروابط، الخبرات) دون تعديل الكود البرمجي.

بطاقات المشاريع الكبرى: استعراض تفصيلي لنظام Emdad اللوجستي، مع تسليط الضوء على معمارية تعدد الممثلين (Multi-actor) ومنطق التوثيق الآمن.

الأقسام الرئيسية (Bento Layout)Hero Cell: ترحيب تقني يعرض الهوية المهنية: "Software Engineer & Flutter Expert" مع شارة حالة تفاعلية.

Interactive Skills: عرض المهارات مقسمة لفئات (Cross-Platform, AI/LLM, Backend) باستخدام وسوم تفاعلية.

Stats& Contributions: رسم بياني لإنتاجية الأكواد (GitHub-style) وعداد "Coffee to Code" لإضفاء لمسة شخصية تقنية.

خالد خليل | Software Engineer

هندسة الحلول.. وليس فقط كتابة الأكواد.