الأعمال

منصة وساطة رقمية للتمويل، أُسست كمشروع مشترك مناصفةً بين عزم السعودية والشركة الوطنية للإسكان، وتربط العملاء بجهات التمويل المرخّصة في المملكة. حصلت على ترخيص الوساطة الرقمية من البنك المركزي السعودي (ساما) في أغسطس 2026.

• رحلات طلب تمويل واضحة وتبني الثقة
• مقارنة العروض وتتبع الطلبات
• واجهة عربية أولًا، آمنة وسهلة الوصول بمعايير التقنية المالية

خدمة موحّدة لاستقبال الشكاوى على المحامين والبلاغات على منتحلي صفة المحاماة، تعزيزًا لنزاهة المهنة وحماية حقوق المستفيدين.

• تقديم مع المستندات، من الاستلام حتى صدور القرار
• طوابير مراقبة الجودة والتقييم والتصعيد وسجل التدقيق
• لوحة للمستفيد بحالة الطلب لحظيًا

تحكيم إلكتروني لنزاعات الهندسة والإنشاءات تحت مظلة الهيئة السعودية للمهندسين، يخدم الوزارات والشركات والمهندسين.

• بوابات للمحكّمين والمنشآت والأفراد والخبراء
• تقديم القضايا والجلسات والانضمام كمدّعى عليه
• تبادل المستندات والخط الزمني للقضية

يُنشئ الأفراد والشركات عقودهم ويديرونها ويوقّعونها إلكترونيًا في أي وقت ومن أي مكان، بسير عمل مؤتمت وقابل للتدقيق بدل الورق.

• مسارات دخول منفصلة للأفراد والشركات
• منشئ عقود قائم على القوالب
• توقيع إلكتروني وموافقات وسجل نسخ

عمل على الواجهة الأمامية في منصة ميراث (Mirafh): بنيت وحدة أعمال واحدة هي التركات، من تصاميم Figma على نظام التصميم المشترك للمنصة.

• شاشات تركات عربية أولًا وسهلة الوصول
• مبنية على مكتبة المكوّنات ورموز التصميم المشتركة للمنصة
• واجهات أمامية فقط، ضمن المنتج القائم

منظومة سحابية لإدارة رأس المال البشري تشمل تتبع الوقت والرواتب والأداء. أضفت ميزات جديدة وأصلحت الأخطاء وحسّنت الأداء عبر ثلاثة أجيال من الكود: AngularJS (1.x) و Angular 8 و Angular 14.

• ميزات جديدة في وحدتي الرواتب والأداء
• إصلاح الأخطاء وتحسين الأداء في كود AngularJS القديم
• ترقيات وإعادة هيكلة عبر Angular 8 و14

منصة تعليم إلكتروني بجانب نظام الموارد البشرية، لتدريب الموظفين في نفس المكان الذي تُدار فيه شؤونهم.

• كتالوج الدورات وشاشات التعلّم
• التسجيل وتتبع تقدّم المتعلّم
• ميزات وإصلاحات وتحسينات أداء

وحدات أساسية لمنصة أتمتة منخفضة الكود / بدون كود للحكومة والمؤسسات في الإمارات: مصمّمات نماذج وسير عمل تتيح لفرق الأعمال بناء الإجراءات دون برمجة.

• وحدات التصميم باستخدام Angular 16 و PrimeNG
• تقليل زمن التحميل الأولي واستهلاك الذاكرة
• الإبلاغ عن أخطاء PrimeNG للمطوّرين مع أمثلة لإعادة الإنتاج

نظام إدارة المحتوى خلف حلول PenNav و PenTrack لتحديد المواقع داخل المستشفيات والجامعات والمراكز التجارية والمطارات، لإدارة الخرائط ونقاط الاهتمام.

• تحرير المخططات ونقاط الاهتمام على خرائط تفاعلية
• إدارة المواقع والمباني والطوابق
• واجهات برمجية للمحتوى بـ Node.js و PostgreSQL

نظام تصميم واحد يُنشر كحزم لـ React وVue وSvelte وAstro وAngular وReact Native وFlutter، مع حزمة Three.js. رموز تصميم وCSS أساسية مشتركة، و21 ثيمًا، ومجموعة كاملة من المخططات سهلة الوصول.

• فاتح وداكن وتباين عالٍ × 6 ألوان × 3 أشكال: 21 ثيمًا، مع فحص 525 زوج تباين WCAG في الاختبارات
• أنماط تركيز ولوحة مفاتيح وفق WCAG 2.2 AA، ودعم RTL والعربية، وهياكل تحميل وإشعارات ونوافذ حوار وجدول بيانات
• مخططات: أعمدة وخطوط ومساحات ومركّب ودائري وحلقي وتبعثر وفقاعات ورادار وعدّاد وشلال، إضافة إلى مخطط تنظيمي

ابنِ صفحات بمكوّنات Pelagic UI حقيقية بالسحب والإفلات، أو صِف ما تحتاجه بالعربية أو الإنجليزية، ثم صدّر كودًا نظيفًا بـ React أو Vue أو Angular أو HTML. يعمل بالكامل داخل المتصفح.

• اسحب الكتل (شريط تنقل، واجهة، أسعار، تسجيل دخول، مؤشرات، جداول، أسئلة شائعة…) إلى مساحة حيّة وعدّل خصائصها
• «صِفها»: اكتب الصفحة بالعربية أو الإنجليزية، راجع الكتل المقترحة، ثم أنشئها
• تصدير كود نظيف بـ React أو Vue أو Angular أو HTML، أو مشاركة الصفحة كرابط أو JSON

سجّل إجراءً واحدًا في المتصفح واحصل على مكوّن مكتوب الأنواع لـ React أو Angular أو Svelte أو Astro، مع دليل لكل طلب يقوم به. تُحذف الأسرار قبل كتابة أي ملف.

• يحتفظ باستدعاءات الواجهة الفعلية فقط
• يزيل الكوكيز والتوكنات وكلمات المرور
• الاختبارات تمر، رخصة MIT، مستودع عام

CAPTCHA ألغاز مفتوح المصدر يعمل على خادمك أنت: بلا تتبّع من طرف ثالث ولا بيانات تخرج من تطبيقك. ألغاز بتصميم ثلاثي الأبعاد مع أصوات اختيارية، وتحدٍّ صوتي للمكفوفين، و6 ثيمات. مكوّنات لـ React و Vue و Svelte و Angular و HTML، مع تحقق عبر Node.js أو ASP.NET Core.

• لا ثقة بالمتصفح: الألغاز تُرسم على الخادم والإجابة مشفّرة بـ AES-256-GCM
• رموز عبور قصيرة العمر ولمرة واحدة وموقّعة بـ HMAC، يتحقق منها خادمك مباشرة دون طرف ثالث
• يستطيع الجميع اجتيازه: بالماوس واللمس ولوحة المفاتيح، مع بديل نصي وتحدٍّ صوتي للمكفوفين ومستخدمي قارئات الشاشة، بالعربية والإنجليزية
• تصميم ألغاز ثلاثي الأبعاد، ومؤثرات صوتية اختيارية، و6 ثيمات (فاتح وداكن وتباين عالٍ) تأخذ ألوان تصميمك تلقائيًا

ودجت شات (web component) قابل لإعادة الاستخدام مع خادم Node صغير يبث الإجابات من Claude API، أو من إجابات محلية إذا ما في مفتاح.

• إجابات تتدفق عبر server-sent events
• حد للطلبات وللحجم وقائمة مصادر مسموحة
• إنجليزي وعربي مع RTL

تفحص المشروع بحثًا عن اعتماديات غير مثبّتة أو مخترقة، وأسرار مسرّبة، وبيئات تشغيل منتهية الدعم، وإعدادات خطيرة لوكلاء الذكاء الاصطناعي وMCP، وتخزين غير آمن للتوكنات، وأنماط شيفرة خطيرة في Angular وReact و.NET وPHP وPython. كل نتيجة تذكر الملف والسطر وإصلاحًا واضحًا. منشورة على npm وPyPI مع GitHub Action ومخرجات SARIF.

• قواعد JSON واحدة في Go وNode.js وPython، تُقارَن نتائجها في CI
• تكشف التوكنات في localStorage والروابط والسجلات وإعدادات MCP
• فحص سريع دون إنترنت: خط دفاع أول، لا بديل عن أدوات SAST

• ثمانية قواعد، لكل وحدة تلميح للإصلاح
• تقارير Markdown وJSON
• كود خروج يصلح لـ CI

• ما ينسخ الكوكيز ولا التوكنات ولا كلمات المرور
• فحص axe لمعيار WCAG 2.2 AA عند كل تنقل
• علامات TODO بدل مُحدِّدات مخمّنة

• يجمّع الحزم المحدّدة بنطاق والمتداخلة داخل node_modules
• مخرجات جدول أو JSON
• الأحجام تقريبية (من نص المصدر الأصلي)

• يكتشف endpoints ومفاتيح ردود ناقصة
• يفشّل الـ build لما ينحرف الـ client
• يجي مع workflow جاهز لـ CI

• يتجاهل المشاكل اللي كانت موجودة أصلاً
• صلاحيات workflow بأقل مستوى
• كود خروج 1 عند وجود مشاكل خطيرة جديدة

• قيم فاتحة وغامقة
• يحلّ المراجع {} ويكشف الدوائر
• بدون أي مكتبات

• يتعرف على المعرّفات الرقمية وUUID في المسارات
• يخفي الحقول اللي شكلها سر
• المسار المجهول يرجّع قائمة المسارات المعروفة

• صفحة مستقلة فيها بحث
• يكتشف Angular وReact Router
• تقديري: الـ README يذكر اللي يفوته

• يقرأ الـ sitemap أو روابط الصفحة الرئيسية
• تشغيل أسبوعي على GitHub Actions مع تقرير
• كود خروج 1 عند وجود أخطاء

• بدون أي اعتماديات وقت التشغيل: تحويل نقطي وترميز PNG وتجميع ICO مدمجة
• نسخ ملونة وأحادية ومعكوسة للعلامة والاسم والتركيبة تبقى متطابقة
• ملف brand.ts مُنمّط يضمن ألا تختلف الأصول عن الشيفرة

• اتجاه من اليمين لليسار ومن اليسار لليمين من القالب نفسه مع تخطيط معكوس وسمات dir/lang صحيحة
• HTML مبني على الجداول بأنماط مضمّنة مع نسخة نصية بديلة لكل لغة
• ملف SQL اختياري لإدراج القوالب أو تحديثها في قاعدة البيانات

• يفحص package.json وملفات ‎.sln/.csproj وgo.mod وpyproject وسير عمل CI وإعدادات الفحص وأسماء متغيرات ‎.env.example
• مخرجات طبقية: ملف في الجذر وملف لكل مساحة عمل، مع علامات تحفظ الملاحظات المكتوبة يدويًا
• الخيار ‎--check يُرجع 1 عندما يكون القسم المولَّد قديمًا؛ بلا اعتماديات تشغيل، Node 22

• خمسة قوالب مدمجة: ميزة API، واجهة أمامية، شاشة موبايل، سير عمل المستودع، قائمة مراجعة
• أمر lint يفرض الترويسة والأقسام المطلوبة ووصفاً بحد 200 حرف وأسماء فريدة ويُفشل CI عند وجود مشاكل
• بدون أي اعتماديات وقت التشغيل على Node 22 مع محلل YAML صغير مدمج

• تُسجَّل الحسابات في التشغيل الأول ثم تكتفي بتسجيل الدخول لاحقًا، وتنتقل الرموز والمعرّفات المحفوظة إلى الخطوات التالية كمتغيرات.
• توقيت لكل خطوة، وإعادة محاولة بتراجع تدريجي للخطوات المتقلبة، وتقرير مقروء في الطرفية مع مخرجات JUnit وJSON.
• الأسرار تأتي من متغيرات البيئة فقط وتُخفى في كل المخرجات، بدون أي اعتماديات وقت التشغيل ومع خادم تجريبي مدمج.

• محلّلات تعتمد على التعابير النمطية لـ JS/TS و C# و Go تستخرج التصديرات والمتحكمات والحزم ومسارات HTTP
• رسم Mermaid لاستيرادات الوحدات بينها مع الحزم الخارجية لكل وحدة
• الخيار --since يحوّل git diff إلى ملخص تغييرات لكل وحدة يمكن حفظه ومراجعته

• تُبلغ عن التكرارات الحقيقية فقط: نفس المحدد والخاصية والسياق.
• تتجاهل التجاوزات المقصودة في الوسائط والاتجاه والسمات والحالات.
• مكتبة قياسية فقط، ومسح متوازٍ، ورموز خروج مناسبة لـ CI.

• ملف تنفيذي واحد بمكتبة Go القياسية فقط
• يفحص ملفات C# وTypeScript وJavaScript
• تقرير JSON ورموز خروج مناسبة للتكامل المستمر

رفيق عافية كامل بواجهة وخادم: قائمة مهام يومية، وتسجيل للمزاج، وتأمل موجّه بموسيقى تتولد داخل المتصفح، وشات داعم. عربي أولًا مع الإنجليزية وثيمات وإعدادات وصول.

• إرشاد الطوارئ يحل محل ردود الشات عند الحاجة
• أصوات التأمل تتولد مباشرة بدون ملفات صوت
• للدعم الذاتي فقط: ليس علاجًا ولا تشخيصًا

دادة مشروعي التجاري الخاص، وهو حاليًا قيد التصميم والبناء: موقع وتطبيق جوال يجد فيه الأهل رعاية موثوقة قريبة منهم (حضانات بدوام كامل أو بالساعة، وروضات KG1 و KG2، وجليسات أطفال، مع تبادل رعاية «أم لأم»). لا يوجد دفع على المنصة: يتفق الأهل ومقدّم الرعاية على السعر والساعات مباشرة، ولا يظهر رقم التواصل إلا بعد قبول الطلب. دراسة حالة تجربة المستخدم على Behance.

• المالك وقائد المنتج؛ تصميم الواجهة وتجربة المستخدم والواجهة الأمامية والخلفية مني
• عربي أولًا، وخريطة واحدة للحضانات والروضات والجليسات
• الخصوصية أولًا: رقم التواصل بعد القبول فقط، ولا دفع على المنصة

«متجري» (Matjari) دراسة حالة UI/UX لتطبيق جوال عربي أولًا يمنح المشاريع المنزلية في الأردن متجرًا يبدو كعلامة تجارية: تطبيق للبائعة وواجهة متجر للمشتري وأدوات للبيزنس، مع بحث واستطلاع للمنافسين ورحلة المستخدم والمكونات والوضع الداكن وكل الحالات. الدراسة الكاملة على Behance.

• تطبيق للبائعة وواجهة متجر للمشتري وأدوات للبيزنس
• بحث المستخدمين والمنافسين ورحلة المستخدم والمكونات والوضع الداكن والحالات

عرض لعملي في الواجهات اللحظية: تطبيق Angular 22 (Signals و RxJS) على خادم WebSocket بـ Node يبث اكتشافات محاكاة. ترسم مربعات الكاميرات الأشخاص والمركبات المتتبَّعة بمربعات ومسارات على canvas، وتصل التنبيهات مباشرة مع درجة الخطورة والفلاتر، وتتحدّث المؤشرات والرسوم كل ثانية، ويتحادث مشغّلان ويُشعر أحدهما الآخر لحظيًا. يعيد الاتصال نفسه تلقائيًا بتأخير متزايد. الاكتشافات محاكاة: هذا عرض وليس نظام تحليلات إنتاجيًا.

• بث WebSocket عبر RxJS مع إعادة اتصال وتأخير متزايد وقياس زمن الاستجابة
• تنبيهات ومربعات تتبّع حيّة مرسومة على canvas و SVG
• محادثة بين مستخدمَين مع الحضور والكتابة وإيصالات القراءة والإشعارات
• اختبارات وحدات واختبار Playwright شامل بمتصفحين

تطبيقي الخاص لبناء العادة والتركيز للمطوّرين وصنّاع المنتجات. اضغط ابدأ لخمس دقائق صادقة، واستمر إن وجدك التدفق. سجّل ما أنجزته، وحافظ على سلسلتك، وشاهد سمكة صغيرة ثلاثية الأبعاد تكبر حتى تصبح حوتًا.

• مؤقت بداية لخمس دقائق يدعوك للاستمرار ويحسب دقائق التدفق الإضافية، مع سجل إنجاز يومي بالوسوم
• سلاسل مع خريطة نشاط بأسلوب GitHub، وإحصاءات دقائق البداية مقابل التدفق، ومحيط Three.js تكبر فيه السمكة
• مكتبة واجهات مخصصة بالكامل (قائمة اختيار متاحة، ومفتاح، وتبويبات، ونافذة، وإشعارات)، و4 لوحات ألوان، وفاتح وداكن، ولوحة إمكانية الوصول، وعربي وإنجليزي من اليمين لليسار، ومحلي أولًا مع تصدير JSON

لعبة ألغاز مرحة للمطوّرين، شقيقة تطبيق 5min. ابدأ جولة تنشيط لخمس دقائق، وحُلّ مستويات قصيرة على خريطة بأسلوب ألعاب الأطفال، واجمع النجوم، وشاهد السمكة بيب تكبر حتى تصبح حوتًا ثلاثي الأبعاد.

• 100 لغز برمجي في 10 عوالم: ترتيب الكود، والأخطاء، و Flexbox و Grid، ومحدِّدات CSS، و Regex، و git، والبرمجة غير المتزامنة، و TypeScript، و Big-O
• 8 محرّكات ألغاز مبنية على البيانات تتحقق بالتقييم الحقيقي (RegExp، و querySelectorAll في بيئة معزولة، ومقارنة التخطيط الحي، ونموذج git) دون eval، واختبارات تثبت صحة الإجابات المئة
• خريطة مستويات بأسلوب ألعاب الأطفال مع نجوم وتلميحات وسلاسل وجولة خمس دقائق، وترتيب بلوحة المفاتيح، وعربي وإنجليزي من اليمين لليسار مع بقاء الكود من اليسار لليمين، وفاتح وداكن، وإمكانية وصول

واجهة برمجية مبنية بـ Fastify 5 وPostgreSQL للعبة 5min Refresh: حسابات وحسابات ضيف، مزامنة تقدّم تعمل دون اتصال، سلاسل أيام، لوحات صدارة للنقاط والسرعة تُبث مباشرة عبر SSE، وتحدٍّ يومي. مع توثيق OpenAPI وDocker وCI ونشر بنقرة واحدة على Render.

• جلسات كوكيز آمنة: argon2id وكوكيز HttpOnly وPartitioned وتدوير الجلسة ورموز CSRF وCORS صارم
• مزامنة دون اتصال تدمج بلا تعارض (أعلى نجوم، أفضل زمن) ولا تمنح النقاط مرتين، مع ETag وفحوص ضد الغش
• مخططات Zod تقود التحقق وتوثيق OpenAPI 3.1، مع 89 اختبارًا بتغطية 94% وتشغيل على Postgres حقيقي في CI

تطبيقي الخاص للتعلّم بالعربية أولًا، لكل العائلة. يزرع الأطفال حديقة ثلاثية الأبعاد وهم يتعلّمون الحروف العربية وقصار السور والرياضيات وأولى الكلمات بالإنجليزية والتركية والألمانية. وللكبار مسار أهدأ فيه القواعد والحساب الذهني وسلاسل الأيام والإحصاءات.

• رسم الحروف على لوحة مع إرشاد للخط، وأشكال الحرف حسب موضعه، وتركيب الحركات بالسحب والإفلات، ورياضيات تتكيّف صعوبتها مع وضع للسرعة، وبطاقات بتكرار متباعد
• نص القرآن منسوخ حرفيًا من مشروع تنزيل ومطابَق حرفًا بحرف مع Quran.com، مع حفظ بطريقة «أخفِ وتذكّر» وتلاوة العفاسي ومعانٍ مبسّطة موسومة بوضوح
• مكتبة واجهات خاصة بالكامل وسهلة الوصول (قائمة اختيار، مفتاح، تبويبات، نوافذ، تنبيهات)، واجهة عربية RTL وإنجليزية، ملفات للأطفال والكبار، وركن للوالدين ببوابة ضغط مطوّل، وكل شيء محلي بلا ذكاء اصطناعي

بوابة سياحية ثنائية اللغة لمناطق ينبع الثلاث: البحر والصناعية والنخل، أعدت بناءها بنظام تصميم خاص ودعم كامل للعربية وإعدادات لسهولة الوصول.

• مكتبة مكوّنات Angular خاصة مبنية على رموز التصميم، بوضعين فاتح وداكن وأربع لوحات ألوان
• لوحة سهولة وصول للتباين وحجم النص وتقليل الحركة، وتبويبات ونوافذ تعمل بلوحة المفاتيح
• المناطق والأنشطة والفعاليات والخدمات، بالعربية والإنجليزية مع دعم كامل لـ RTL

الموقع التسويقي لشريك في التقنية والتحول الرقمي، نفّذته بدقة من تصاميم Figma النهائية باستخدام Angular 22. يعرض سبع خدمات مترابطة، ويحوّل الزوار إلى عملاء محتملين عبر تقييم شراكة موجَّه.

• الصفحة الرئيسية والخدمات ومعرض الأعمال منفّذة من نظام تصميم Figma
• معالج تقييم شراكة من 7 خطوات مع التحقق والمراجعة وشاشة النجاح
• العربية والإنجليزية مع دعم كامل للاتجاه من اليمين لليسار، ومتجاوب مع كل الشاشات

علامة فاخرة للتصميم الداخلي مبنية كثلاثة تطبيقات بهوية واحدة: موقع تسويقي بـ Angular 21 مع حجز استشارة من 3 خطوات، وبوابة عملاء فيها الجدول الزمني للمشروع واعتماد المواد والفواتير المرحلية، وتطبيق موبايل بـ Expo (React Native).

• حجز استشارة من 3 خطوات مع التحقق برمز لمرة واحدة
• بوابة العملاء: الجدول الزمني للتنفيذ واعتماد المواد والفواتير المرحلية
• مصدر واحد لرموز التصميم للويب والبوابة والموبايل، بالعربية والإنجليزية

تطبيق React Native للتحويل بين AED و USDT. أسعار مباشرة بحسابات عشرية دقيقة، وانتهاء صلاحية السعر بعد 15 ثانية مُطبّق في الواجهة وعند التأكيد، ونظام تصميم متاح بأوضاع فاتح وداكن وأربع لوحات ألوان.

• حسابات مالية دقيقة: كل عملية حسابية مغطاة باختبارات آلية، والمبالغ تُقرَّب دائمًا للأسفل
• أسعار غير متزامنة آمنة: تُتجاهل الاستجابات المتأخرة، ويُمنع التأكيد المزدوج، ويمكن محاكاة الفشل
• 60 اختبارًا آليًا، وتباين ألوان WCAG AA، ودعم تقليل الحركة وتكبير الخط، مع فيديو توضيحي مدته 3 دقائق

لوحات تحكم وتطبيقات وتسجيل دخول وصفحات هبوط ثلاثية الأبعاد في قالب واحد للإدارة وSaaS، مصمّم من اليمين لليسار من أول سطر ومختبر لسهولة الوصول.

• عربي ومن اليمين لليسار من البداية
• تبديل الثيم وألوان جاهزة وأوضاع وصول
• نسخ لعدة أطر واجهات أمامية

تصميم مقترح بمبادرة شخصية: حديقة ثلاثية الأبعاد ليلًا، والتمرير يحرك الكاميرا من البوابة إلى الساحة، مرورًا بأجنحة المناطق وشارع الطعام والمسرح والألعاب والألعاب النارية. عربي أولًا مع الإنجليزية، وأربع ثيمات، وصورة ثابتة عند تقليل الحركة. تصميم مقترح من عريب الزيوت، غير تابع لـ Global Village ولا معتمد منها.

• مشهد three.js مولَّد بالكود، بدون نماذج جاهزة
• قصة كاميرا مع التمرير في ثمانية أقسام
• ثيمات ليلي ونهاري وتباين عالٍ ورمادي مع انتقال دائري

زجاج موقع يعرض واجهات من الزجاج المصنفر الناعم: مربعات حليبية وهي متوقفة وزجاج ملون عميق وهي مفعّلة، ومنزلقات وأزرار ورقاقات زجاجية، وملعب تجربة حي للون والضبابية والشكل، وثيمة تتولد من أي لون مع تصحيح تباين النص تلقائيًا. وفيه صفحة ثلاثية الأبعاد فيها حصى زجاجية تكسر الضوء وشخصية زجاجية أصلية. عربي أولًا مع الإنجليزية، ويعمل على الهاتف.

• لوحة تحكم زجاجية بأزرار تبديل حقيقية
• ثيمة من أي لون مع فحص التباين تلقائيًا
• صفحة ثلاثية الأبعاد فيها زجاج يكسر الضوء وشخصية أصلية

صفحة هبوط سينمائية ثنائية اللغة مبنية كموقع Astro مستقل: واجهة Three.js لحظية، وانتقال بين الداكن والفاتح أثناء التمرير، وبطاقات أرقام ثلاثية الأبعاد، كلها بلون اللافندر.

• واجهة Three.js (عقدة لامعة وشبكة وحلقة نقاط) تتفاعل مع الماوس والتمرير
• شاشة تحميل، وكشف الكلمات تدريجيًا، وعدّادات ثلاثية الأبعاد، ومعرض أعمال قابل للسحب، وقائمة ملء الشاشة
• إنجليزية وعربية من اليمين لليسار، وأصوات واجهة، وبدائل لتقليل الحركة ولعدم دعم WebGL

موقع لمطعم برغر خيالي تقوده حركة التمرير. برغر مبني بـ Three.js بالكود يتفكك طبقة بعد طبقة أثناء التمرير، وتقترب الكاميرا من كل مكوّن، ثم يعود البرغر كما كان مع سعره.

• برغر مبني بالكود بالكامل (خبز وسمسم وخس وطماطم وشيدر وقرص لحم) بإضاءة استوديو ناعمة وظلال
• قصة تمرير مثبّتة: طبقات متفككة مع بطاقات، ولقطات قريبة للمكوّنات مع أرقام، وإعادة تجميع، وقائمة بعدّاد سلة مباشر
• إنجليزية وعربية من اليمين لليسار، ومشهد أخف على الجوال، وبدائل لتقليل الحركة ولعدم دعم WebGL

موقع غامر من صفحة واحدة لاستوديو تصميم خيالي. قنديل بحر مضيء يستجيب لمؤشرك، والتمرير ينزل بالكاميرا عبر خمس طبقات من المحيط، من السطح المشمس حتى نواة متوهجة على عمق 10,994 م.

• قنديل بحر مبني بالكامل بـ Three.js: جرس مضاء بالـ shaders ولوامس بمحاكاة فيزيائية، يلتفت نحو المؤشر ويميل إليه وينكمش عند الحركة السريعة
• نزول مرتبط بالتمرير بإضاءة وضباب وجسيمات خاصة بكل طبقة، ومقياس عمق حي، وصوت محيط مُركّب، ونموذج تواصل بعناصر مخصّصة بالكامل
• إنجليزي + عربي من اليمين لليسار، ومشهد أخف على الجوال يتبع اللمس والجيروسكوب، وبدائل لتقليل الحركة ولغياب WebGL

نسخة 2026 من مشروع فريقنا في RBK عام 2020 (LadyBugs4)، أصبحت الآن بـ React 19 و TypeScript مع Three.js: مخبز إلكتروني بدأ أيام الحجر ليطلب الجيران الخبز من البيت. كان التطبيق الأصلي بـ React و Material UI يضم قائمة وسلة ودفعاً بالبطاقة أو نقداً وصفحة إدارة، وهذه النسخة تحتفظ بكل ذلك وتكمله كما يجب، وتعمل على مكتبة واجهات بنيتها بنفسي بدل مكتبة مكوّنات جاهزة.

• قائمة من 30 منتجاً بفئات وبحث وترتيب ومفضلة وصفحات منتجات، وسلة بكميات ورمز خصم وضريبة 16٪ ومؤشر للتوصيل المجاني
• إتمام طلب مع تحقق من رقم الهاتف الأردني والعنوان والبطاقة (Luhn) وملخص أخطاء، ثم صفحة تأكيد مع تتبع مباشر للطلب
• مصمّم كيك بمعاينة ثلاثية الأبعاد مباشرة (الحجم والطبقات والكيك والكريمة والإضافات والرسالة)، ولوحة للمطبخ؛ قائمة اختيار وتقويم وبطاقات اختيار مخصّصة؛ عربي وإنجليزي (RTL)، فاتح وداكن

نسخة 2026 من مشروع فريقنا في RBK عام 2020 (TSNO Group 3)، أصبحت الآن موقع Next.js بنظام App Router مُصدَّراً كصفحات ثابتة، مع واجهة Three.js: سوق للعثور على سبّاك أو حدّاد أو نجّار أو ميكانيكي أو مدرّس أو مصوّر بالخدمة أو بالاسم. كان الأصل يضم ملفات العمّال بأسعارهم بالساعة والبحث والتسجيل، والنسخة الجديدة تحوّله إلى رحلة حجز كاملة.

• بحث بالخدمة أو الاسم مع تصفية بالمدينة والسعر والتقييم والتوفر والتوثيق، والتصفية محفوظة في الرابط
• ملفات للفنّيين مع تقييمات ونموذج حجز مُتحقق منه وتقدير مباشر للتكلفة، وقائمة حجوزات بالحالة والإلغاء
• معالج «انضم كفنّي» من ثلاث خطوات ينشر الملف مباشرة في البحث؛ حقل اقتراحات وقائمة اختيار ومنزلق ومفتاح وعدّاد وتقويم مخصّصة؛ عربي وإنجليزي (RTL)، فاتح وداكن

نسخة 2026 من مشروع فريقنا في RBK عام 2020، أصبحت الآن بـ Svelte 5 و TypeScript مع Three.js: دليل للسياحة المستدامة في الأردن فيه خريطة ثلاثية الأبعاد للوجهات وأنشطة صديقة للبيئة وعرض شرائح ومتجر لحقائب ومطارات قابلة لإعادة الاستخدام.

• خريطة تضاريس ثلاثية الأبعاد للأردن مع سبعة دبابيس قابلة للنقر، وروابط تعمل بلوحة المفاتيح تتبع الدبابيس، وخريطة SVG بديلة
• أدلة للوجهات مع أنشطة بتقييم بيئي، ومخطط رحلة يجمع المحطات ويقدّر الأيام وينسخ الخطة
• عرض شرائح سهل الوصول، ومتجر بيئي بسلة ودفع مُتحقق منه، ونموذج تواصل؛ عربي وإنجليزي (RTL)، فاتح وداكن

نسخة 2026 من مشروع Greenfield لفريقنا في RBK عام 2020، أصبحت الآن بـ React 19 و Vite مع مكتب دراسة ثلاثي الأبعاد بـ Three.js: يجد الطلاب مدرّسين خصوصيين حسب المادة والمدينة، وينشر المعلّمون إعلانات بالمادة والمكان والسعر. النسخة الجديدة تكمل طرفي الرحلة.

• اختيار المادة مع تصفية بالمدينة والمستوى والسعر والدروس الأونلاين، وصفحات للمعلّمين بجدول أسبوعي لاختيار موعد
• طلبات تواصل مُتحقق منها مع تتبع الحالة للطلاب، وصندوق وارد مع قبول للمعلّمين
• محرر إعلان مع بطاقة معاينة مباشرة وتعديل وحذف، مبني على قوائم اختيار ورقاقات اختيار وعدّاد وتبويبات ونافذة حوار مخصّصة؛ عربي وإنجليزي (RTL)، فاتح وداكن، وتباين WCAG AA