End-to-Endمن الفكرة Product Builder.إلى منتجٍ حيّ.

Every project, designed and built end-to-end.كل مشروع: مُصمَّم ومبنيّ من الفكرة إلى الإطلاق.

Products, systems, and experiences designed and built across healthcare, childcare, commerce, and business operations.منتجات وأنظمة وتجارب صُمّمت وبُنيت في الرعاية الصحية ورعاية الأطفال والتجارة وإدارة الأعمال.

From a problem to a shipped product.من مشكلة إلى منتجٍ جاهز للإطلاق.

I don't start with screens. I start with the problem, decide what to build and why, then take it all the way to production — and keep it running.لا أبدأ بالشاشات. أبدأ بالمشكلة، وأقرّر ما الذي أبنيه ولماذا، ثم آخذه حتى الإنتاج — وأبقيه يعمل.

I design the whole line, not just the screens.أصمّم الخطّ كاملاً، لا الشاشات وحدها.

Select a layer to see what's in it — and the product it came from. This is one stack; every layer is something I've actually built, not theory.اختر طبقةً لترى ما فيها — والمنتج الذي جاءت منه. هذه طبقة واحدة؛ كل طبقة شيء بنيته فعلاً، لا نظريّة.

The judgment behind the work.الحُكم وراء العمل.

Anyone can list technologies. These are real decisions from the projects — the cheaper default I turned down, the call I made instead, and what it cost. Open any one.يستطيع أيّ أحدٍ سرد التقنيات. هذه قرارات حقيقية من المشاريع — الخيار الأرخص الذي رفضته، والقرار الذي اتخذته بدلاً منه، وما كلّفني. افتح أيّاً منها.

• ProductمنتجWhy three separate apps instead of one role-switching app?لماذا ثلاثة تطبيقات منفصلة بدل تطبيق واحد بتبديل الأدوار؟+
  The easy pathالطريق السهل

  A single app with role-switching is cheaper to build — one codebase, one store listing, one onboarding. Most marketplaces ship this way.تطبيق واحد بتبديل الأدوار أرخص في البناء — قاعدة كودٍ واحدة، إدراج واحد في المتجر، تهيئة واحدة. معظم المنصّات تُطلق هكذا.

  What I choseما اخترته

  Three apps. Each audience has a different primary action and vocabulary, so each gets a focused navigation and a store listing that says exactly what it does — no “you are logged in as: Mother” cognitive load.ثلاثة تطبيقات. لكلّ جمهور فعلٌ أساسي ومفردات مختلفة، فيحصل كلٌّ على تنقّلٍ مركّز وإدراجٍ في المتجر يقول تماماً ما يفعله — دون عبءٍ ذهني من نوع «أنتِ مسجَّلة الدخول كـ: أمّ».

  The trade-offالمفاضلة

  Higher initial build cost, but every surface stays honest to its audience.كلفة بناءٍ أولية أعلى، لكن كلّ واجهة تبقى أمينةً لجمهورها.

  See it in CareConnectشاهده في CareConnect→
• BackendخادمWhy Supabase + RLS over Firebase + client-side guards?لماذا Supabase + RLS بدل Firebase وحُرّاسٍ من جهة العميل؟+
  The easy pathالطريق السهل

  Firebase is the default for student marketplaces — auth + Firestore is fast to wire. But its security rules are a JSON DSL that's easy to get subtly wrong, and the client can be modified.Firebase هو الخيار الافتراضي لمنصّات الطلاب — المصادقة + Firestore سريعة الربط. لكن قواعد أمانها لغة JSON يسهل الخطأ فيها بدقّة، والعميل قابل للتعديل.

  What I choseما اخترته

  Postgres + Supabase RLS. Policies are real SQL, run on every query, and can't be bypassed from the client — a mother's query physically cannot return another mother's bookings.Postgres + Supabase RLS. السياسات SQL حقيقية، تُنفَّذ مع كلّ استعلام، ولا يمكن تجاوزها من العميل — استعلام أمٍّ لا يمكنه فيزيائياً إعادة حجوزات أمٍّ أخرى.

  The trade-offالمفاضلة

  More operational overhead, but the security model is auditable, and it's what made the three-app design viable.عبءٌ تشغيلي أكبر، لكن نموذج الأمان قابلٌ للتدقيق، وهو ما جعل تصميم التطبيقات الثلاثة ممكناً.

  See it in CareConnectشاهده في CareConnect→
• AIذكاء اصطناعيWhy three AI models instead of one capable LLM?لماذا ثلاثة نماذج ذكاء اصطناعي بدل نموذجٍ لغوي واحد قادر؟+
  The easy pathالطريق السهل

  A single fine-tuned LLM could answer questions, classify nutrition, and describe images — one model, one screen, one deployment surface.نموذج لغوي واحد مضبوط يمكنه الإجابة وتصنيف التغذية ووصف الصور — نموذج واحد، شاشة واحدة، سطح نشرٍ واحد.

  What I choseما اخترته

  Three specialized models — Gemini for vision, a LoRA-tuned transformer for Arabic Q&A, Random Forest for nutrition — each with a purpose-built screen designed around how that capability is actually used.ثلاثة نماذج متخصّصة — Gemini للرؤية، ومحوّل مضبوط بـLoRA للأسئلة العربية، وRandom Forest للتغذية — لكلٍّ شاشة مبنية لغرضها حول كيفية استخدام تلك القدرة فعلاً.

  The trade-offالمفاضلة

  More to maintain, but each model stays auditable in isolation — critical in healthcare — and users pick the right tool instead of one modal that does everything.صيانةٌ أكثر، لكن كلّ نموذج يبقى قابلاً للتدقيق منفرداً — أمرٌ حاسم في الرعاية الصحية — ويختار المستخدمون الأداة الصحيحة بدل نافذة واحدة تفعل كلّ شيء.

  See it in BloomBellyشاهده في BloomBelly→
• AIذكاء اصطناعيWhy design the AI's refusal as a feature, not an error?لماذا صُمّم رفض الذكاء الاصطناعي كميزة، لا كخطأ؟+
  The easy pathالطريق السهل

  A confident chatbot that always answers demos well. But one that hallucinates dosages is dangerous in maternal care.روبوت محادثة واثق يجيب دائماً يبدو جيداً في العروض. لكن الذي يهلوس الجرعات خطيرٌ في رعاية الأمومة.

  What I choseما اخترته

  Below a confidence threshold the bot returns “Consult your doctor / استشيري طبيبتك” — designed as a warm, first-class state in Figma, not a red error box.تحت عتبة ثقةٍ معيّنة يردّ الروبوت بـ«استشيري طبيبتك» — مصمَّمة كحالةٍ دافئة من الدرجة الأولى في Figma، لا صندوق خطأ أحمر.

  The trade-offالمفاضلة

  Fewer impressive demo answers, but the product is safe to put in front of real mothers. Trust over benchmark.إجاباتُ عرضٍ مبهرة أقلّ، لكن المنتج آمنٌ ليوضع أمام أمّهاتٍ حقيقيات. الثقة قبل المقياس.

  See it in BloomBellyشاهده في BloomBelly→
• SystemsأنظمةWhy post the journal entry on approval, not on submission?لماذا يُرحَّل القيد المحاسبي عند الموافقة، لا عند التقديم؟+
  The easy pathالطريق السهل

  Auto-creating the journal entry the moment an employee submits is a simpler state machine.توليد القيد لحظة تقديم الموظّف أبسطُ كآلة حالات.

  What I choseما اخترته

  The account.move is generated only on the finance-approval transition. Until then the request is just an HR record.لا يُولَّد account.move إلا عند انتقال موافقة المالية. حتى ذلك الحين يبقى الطلب مجرّد سجلّ موارد بشرية.

  The trade-offالمفاضلة

  An extra state to manage, but the ledger stays clean — accountants only ever see entries that are real liabilities, never unapproved ones to reverse.حالةٌ إضافية للإدارة، لكن دفتر الأستاذ يبقى نظيفاً — لا يرى المحاسبون إلا قيوداً تمثّل التزاماتٍ حقيقية، لا قيوداً غير معتمدة يلزم عكسها.

  See it in Smart Expense Managerشاهده في Smart Expense Manager→
• DesignتصميمWhy design RTL-native instead of mirroring the LTR layout?لماذا التصميم بالعربية أصلاً بدل عكس تخطيط اليسار لليمين؟+
  The easy pathالطريق السهل

  RTL is usually shipped as a visual mirror of an LTR layout — flip direction, swap icons, done. It always feels foreign to Arabic readers.عادةً يُطلق اتجاه اليمين لليسار كمرآةٍ بصرية لتخطيط اليسار لليمين — اقلب الاتجاه، بدّل الأيقونات، انتهى. ويبقى غريباً دائماً على القارئ العربي.

  What I choseما اخترته

  The Figma file and every Flutter screen was designed in Arabic first — reading direction, hierarchy, spacing, and icon choices all made in RTL context, then adapted for LTR.صُمّم ملف Figma وكلّ شاشة Flutter بالعربية أولاً — اتجاه القراءة والتسلسل والتباعد واختيار الأيقونات كلّها في سياق اليمين لليسار، ثم كُيّفت لليسار لليمين.

  The trade-offالمفاضلة

  Slower to design two-directionally, but the Arabic interface reads as the primary version. Because it is — LTR is the adaptation.أبطأ في التصميم باتجاهين، لكن الواجهة العربية تُقرأ كالنسخة الأساسية. لأنها كذلك — اليسار لليمين هو التكييف.

  See it in Mademoiselleشاهده في Mademoiselle→