<1s
بعد التحسين
خفض وقت البدء والتحميل في بيئات الإنتاج عبر تحسينات الواجهة الأمامية
مطوّر واجهات أمامية مع خبرة Full-Stack · آخن، ألمانيا
عدنان الخلاقي
مطوّر Full-Stack في آخن بتركيز على الواجهة الأمامية، وأهتم بالتنفيذ النظيف والواجهات الواضحة.
adnanalkhlaki@gmail.com
02 — نبذة
بناء تطبيقات ويب قابلة للاستخدام وجاهزة للإنتاج.
أنا مطوّر Full-Stack في آخن، أركز بشكل كبير على الواجهة الأمامية ولدي شغف لبناء واجهات نظيفة وسهلة الاستخدام.
أنا حالياً أكتب رسالة البكالوريوس في شركة FEV Europe GmbH بينما أكمل درجة البكالوريوس في علوم الحاسوب في FH Aachen.
تركز رسالتي على مراقبة GenAI - تتبع، تقييم، وفهم سلوك LLM في أنظمة العالم الحقيقي.
0ms
بعد التحسين
إزالة تأخير الانتقال المحسوس بين الصفحات عبر prefetching مكثّف
03 — الخبرة
أين قمت ببناء المنتجات.
رسالة البكالوريوس: مراقبة وتتبع GenAI
- محور البحث: دراسة أساليب عملية لتتبّع سلوك مسارات LLM في الإنتاج وقياسه وشرحه بشكل واضح.
- تقييم المنصات: تقييم أدوات المراقبة مثل Langfuse لتحسين تتبع التنفيذ ورؤية الكمون والتغذية الراجعة.
- التنفيذ: بناء نموذج أولي لـ SDK تليمترية ودمجه في مسارات عمل داخلية.
- معمارية البيانات: تصميم نموذج تليمترية موحّد لإشارات الاستخدام والكمون والتغذية الراجعة.
مطوّر واجهات أمامية — عمل طالب (خارجي لدى FEV)
- هندسة الأداء: تحسين مسار مراجعة داخلي كثيف على مستوى الـBackend وتقليص زمن التحليل من ~4.5 دقائق إلى ~1 دقيقة عبر موازاة الاستدعاءات المستقلة لـ AI/API.
- ملكية الميزة: دمج ميزات الاستكشاف عبر المحادثة للتقارير الناتجة بالذكاء الاصطناعي ومخرجات التحليل.
- أثر متعدد الأدوات: صيانة وتطوير مكونات واجهة responsive (Stepper معقد وعمليات داخلية خاصة) عبر 10+ أدوات داخلية إجمالًا خلال فترتي التدريب وعمل الطالب.
- جودة الـBackend: إعادة هيكلة مكونات Flask وتحسين أداء التفاعل مع API ضمن مسارات التحليل.
مطوّر واجهات أمامية — تدريب
- تطوير Full-Stack: بناء أداة Finder داخلية بشكل متكامل (Frontend + Backend) مع خرائط، فلاتر متقدمة، وSkeleton Loaders.
- تحسين الكمون: خفض الكمون المحسوس في pagination من ~1.5 ثانية إلى ما يقارب 0ms عبر caching وprefetching.
- أنظمة لحظية: معالجة مشاكل timeout بنقل الفحوصات طويلة المدة إلى خيوط Python في الخلفية مع بث التقدم عبر WebSocket (Socket.IO).
- مسار البيانات: تنفيذ استعلام Backend ديناميكي مع استجابات chunked/streaming لبيانات كبيرة بعد التصفية.
- نمذجة معمارية: إنشاء نموذج React تجريبي (تنقل + واجهة محادثة) لتقييم مسار الانتقال من Vanilla JavaScript.
- تمكين الفريق: دعم إدماج أعضاء جدد ضمن الأدوات الداخلية ومسارات العمل.
04 — المشاريع
ما الذي قمت ببنائه.
أساس باور للطاقة المتجددة - موقع الشركة
موقع ثنائي اللغة يقدم حلول أساس باور الشمسية للأسواق العربية والعالمية - مع المنتجات والشركاء وتجربة اتصال سلسة بكلا اللغتين.
↗ الأثر: جاهز لمحركات البحث وسريع البرق - درجة أداء 99/100 ودرجة SEO 91/100 توفران قابلية اكتشاف فورية بكلا اللغتين
AstroTypeScriptTailwind CSSNetlify
2026
يافع جولدن كوفي - صفحة هبوط الشركة
صفحة هبوط تحيي قصة مقهى يافع لمتحدثي اللغة العربية والإنجليزية، بشخصية مميزة.
↗ الأثر: حضور ثنائي اللغة بدون الإجراءات الإدارية المعتادة - تحديث واحد يحدّث جميع الإصدارات اللغوية على الفور
AstroTypeScriptTailwind CSSNetlify
2026
نموذج GenAIHub الأولي
نموذج أولي React + Vite لواجهة داخلية لتقييم الانتقال من HTML/JavaScript الثابت إلى مكونات قابلة لإعادة الاستخدام والتوجيه.
↗ الأثر: قلّل درجة مخاطر قرار الانتقال بإثبات بنية مكونات وتوجيه قابلة للصيانة (تخطيطات وبطاقات أسفل) لتسريع التكرار
ReactTypeScriptSCSSBootstrapFramer MotionReact Toastify
2025
داخلي · FEV Europe GmbH
1 / 2
05 — المهارات
أدواتي التقنية.
الواجهة الأمامية
7 JavaScript TypeScript React HTML5 / CSS3 Tailwind CSS Bootstrap Astro
الواجهة الخلفية
4 Python Flask Java REST APIs
البيانات والبنية التحتية
5 Azure Cosmos DB PostgreSQL WebSockets Caching / Performance Concurrency
الأدوات وأخرى
5 Git / GitHub Netlify Linux / Bash GenAI / LLMs Agile / Scrum
معرفة إضافية
2 Node.js / Express Docker
06 — تواصل
دعنا نعمل معًا.
منفتح على فرص Junior Frontend أو Full-Stack، أو تعاون مستقل، أو حتى نقاش جيد حول منتج مفيد تعمل عليه.
تم التطوير بواسطة عدنان الخلاقي · آخن · 2026