انتقل إلى المحتوى
كل الأعمال

تطبيق للصلاة والصحة والتركيز

يومي

تطبيق داخلي من Admix Lab في مرحلة ما قبل الإطلاق (الإصدار 0.1.0)، مبني على React Native وExpo وواجهته الخلفية على Supabase. يقدّر Claude سعرات الوجبات من صورها، ويفرز الملاحظات الصوتية إلى مهام وملاحظات، ويخطط التمارين، ويكتب كل ليلة ملاحظة إرشادية. الشاشات المعروضة من النموذج الأولي للتصميم.

العميل
Admix Lab (منتج داخلي)
السنة
2026
الدور
إدارة المنتج والتصميم والتطوير
الحالة
قيد التطوير
المنصّات
التطبيق، السمات
الشاشة الرئيسية في «يومي» بسمة Dark Luxury: «نقاط اليوم» بقيمة 72 داخل حلقة ذهبية، والصلاة التالية (المغرب الساعة 6:52 مساءً)، وبطاقات الخطوات والسعرات المحروقة والنوم، وقائمة مهام اليوم مع زر ميكروفون عائم
تبويب الصلاة في «يومي» بسمة Midnight Sage: بطاقة عد تنازلي لصلاة المغرب، والصلوات الخمس بأسمائها الإنجليزية والعربية مع مواقيت توضيحية، وبطاقة سلسلة مواظبة من 12 يومًا متتاليًا
تبويب الطعام في «يومي» بسمة Apple Clean: 1,240 سعرة حرارية من أصل 2,200 مع أشرطة البروتين والكربوهيدرات والدهون، وتنبيه بأن الذكاء الاصطناعي سجل وجبة شاورما من صورة، وقائمة وجبات الفطور والغداء

المستخدمون الأفراد. تجتمع الصلوات والوجبات والحركة والتركيز والنوم والمهام في نتيجة واحدة من 0 إلى 100 تظهر على الشاشة الرئيسية باسم «نقاط اليوم». الشاشات المعروضة من النموذج الأولي للتصميم.

  • 39 شاشة: ستة تبويبات والإعداد الأولي والإعدادات وتسجيل الدخول ومسارات أخرى
  • واجهة خلفية على Supabase: 10 دوال طرفية (Edge Functions)، وأمان على مستوى الصفوف في جميع جداولها (16 جدولًا)
  • العربية والإنجليزية: 990 مفتاحًا للترجمة في كل لغة
  • خمس سمات بصرية كاملة

التحدي

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

كان المطلوب تطبيقًا واحدًا هادئًا يولي الصلاة الجدية نفسها التي يوليها للسعرات والعناصر الغذائية، ويحيط باليوم كله، ويمكن إغلاقه بعد إنجاز ما يلزم.

النهج

صممت «يومي» في البداية على شكل نموذج أولي تفاعلي بلغة HTML يضم ستة تبويبات وخمس سمات وإعدادًا أوليًا موجهًا، ومنه أخذت الشاشات المعروضة هنا. ثم بنيت التطبيق على React Native وExpo بمتغيرات سمات تطابق النموذج، مع HealthKit للخطوات والطاقة النشطة والنوم، ووحدة Swift مخصصة مع امتداد DeviceActivity تحجب التطبيقات المختارة عبر Screen Time.

كل ما في التطبيق يصب في «نقاط اليوم» على الشاشة الرئيسية، وهي من 100: للصلوات 25 نقطة، وللتغذية 20، وللحركة 20، وللتركيز 15، وللنوم 10، وللمهام 10. وإذا أوقف المستخدم تتبع الصلاة، يعيد التطبيق توزيع حصتها بالتناسب على البنود الخمسة الأخرى.

يعمل الذكاء الاصطناعي على الخادم ضمن Supabase Edge Functions. يحلل Claude Sonnet 4.6 صور الوجبات وتقارير InBody، ويفرز التفريغ الذهني إلى مهام وملاحظات ويوميات باللغتين، ويخطط التمارين، ويكتب بطاقات المكتبة، ويصوغ لكل مستخدم ملاحظة إرشادية في وقت متأخر من مسائه بحسب توقيته المحلي. ويصنف Claude Haiku 4.5 أبرز رسائل Gmail إلى عاجلة وذات أولوية وللاطلاع وترويجية، ويحول Whisper الصوت إلى نص.

الأثر

«يومي» حاليًا قاعدة شيفرة بالإصدار 0.1.0 في مرحلة ما قبل الإطلاق، تستهدف iOS 17 وما بعده: 39 شاشة، وواجهة بالعربية والإنجليزية (990 مفتاحًا للترجمة في كل لغة) مع تخطيط من اليمين إلى اليسار، وتسجيل دخول عبر Apple أو Google أو رابط دخول عبر البريد الإلكتروني، وشاشة اشتراك عبر RevenueCat، وحذف الحساب من داخل التطبيق. إعدادات البناء في EAS جاهزة، والتطبيق غير متاح على App Store حتى الآن.

الواجهة الخلفية مصممة لحماية الخصوصية: أمان على مستوى الصفوف في جميع جداولها (16 جدولًا)، وصلاحيات Google للقراءة فقط مع تشفير رموز التحديث بمفتاح محفوظ في Supabase Vault، ومهام مجدولة تقرأ مفاتيحها السرية من Vault.

المستخدمون الأفراد

التطبيق

تجتمع الصلوات والوجبات والحركة والتركيز والنوم والمهام في نتيجة واحدة من 0 إلى 100 تظهر على الشاشة الرئيسية باسم «نقاط اليوم». الشاشات المعروضة من النموذج الأولي للتصميم.

  • الصلاة: مواقيت من AlAdhan بطريقة حساب منطقة الخليج، وسجل للصلوات المؤداة مع عداد للأيام المتتالية، واتجاه القبلة، وتذكيرات
  • الطعام واللياقة: يقدّر Claude السعرات والبروتين والكربوهيدرات والدهون من صورة الوجبة، ويقرأ تقارير InBody، ويكتب خطة تمارين أسبوعية
  • التركيز: جلسات دراسة تحجب التطبيقات المختارة عبر Screen Time في iOS
  • التفريغ الذهني: يحول Whisper الملاحظة الصوتية إلى نص، ثم يفرزها Claude إلى مهام وملاحظات وتدوينة في اليوميات
تبويب اللياقة في «يومي» بسمة Organic Calm: بطاقة تمرين اليوم بعد أن عدله الذكاء الاصطناعي بحسب نوم الليلة الماضية، مع زري البدء والتبديل، وبطاقات الوزن ونسبة الدهون ومؤشر كتلة الجسم، وبطاقة لمسح تقرير InBody، وخطة الأسبوع
اللياقة: تمرين عدله الذكاء الاصطناعي، وقياسات الجسم، وبطاقة لمسح تقرير InBody (سمة Organic Calm، نموذج أولي للتصميم)البيانات مُخفاة الهوية
تبويب التركيز في «يومي» بسمة Apple Dark: جلسة تركيز جارية وعدادها التنازلي عند 18:42، مع زري الإنهاء المبكر وإضافة 10 دقائق، وأربعة تطبيقات للتواصل الاجتماعي تظهر مقفلة، والجلسات القادمة
التركيز: جلسة دراسة محددة المدة مع حجب التطبيقات (سمة Apple Dark، نموذج أولي للتصميم)
تبويب المكتبة في «يومي» بسمة Dark Luxury: بطاقة ملخص كتاب مدتها 60 ثانية مع زر تشغيل، وفوقها أزرار لتصفية المواضيع، وتحتها أزرار الحفظ والمشاركة والتخطي
المكتبة: بطاقات تعليمية مدة كل منها 60 ثانية، مع تصفية حسب الموضوع (سمة Dark Luxury، نموذج أولي للتصميم)
نافذة التفريغ الذهني في «يومي» بسمة Dark Luxury فوق الشاشة الرئيسية المعتمة: زر ميكروفون ذهبي كبير، وموجة صوتية، ونص توضيحي يطلب تذكيرًا وإضافة موعد سباحة يوم السبت، وزرا الإلغاء والحفظ
التفريغ الذهني: ملاحظة صوتية واحدة يفرزها الذكاء الاصطناعي إلى مهام وملاحظات ويوميات (سمة Dark Luxury، نموذج أولي للتصميم)البيانات مُخفاة الهوية
خطوة من الإعداد الأولي في «يومي» بسمة Apple Clean تسأل المستخدم عن أهدافه، وفيها ثمانية خيارات مثل بناء العضلات وتحسين النوم والمواظبة على الصلاة، أربعة منها محددة، مع زري الرجوع والتالي
الإعداد الأولي: اختيار الأهداف (سمة Apple Clean، نموذج أولي للتصميم)

السمات

خمس سمات بصرية كاملة، لكل منها مجموعة متغيرات تصميم في شيفرة التطبيق. تظهر هنا على الشاشة الرئيسية في النموذج الأولي للتصميم.

  • السمات: Apple Clean وApple Dark وDark Luxury وOrganic Calm وMidnight Sage
  • يتبع التطبيق الوضع الفاتح أو الداكن في iPhone، أو يثبت على سمة واحدة يختارها المستخدم
  • متغيرات السمات في التطبيق كائنات TypeScript تطابق متغيرات CSS في النموذج الأولي
  • خط Inter للواجهة، وIBM Plex Sans Arabic للنص العربي، وInstrument Serif للعناوين والأرقام في سمة Organic Calm
ثلاث شاشات من «يومي» على هواتف متجاورة: تبويب اللياقة بسمة Organic Calm مع تمرين اليوم وقياسات الجسم، وتبويب الصلاة بسمة Midnight Sage مع بطاقة الصلاة التالية وقائمة الصلوات، وتبويب التركيز بسمة Apple Dark مع جلسة جارية وتطبيقات محجوبة (نموذج أولي للتصميم)
اللياقة والصلاة والتركيز بسمات Organic Calm وMidnight Sage وApple Dark (نموذج أولي للتصميم)البيانات مُخفاة الهوية

التقنيات

  • React Native
  • Expo SDK 51
  • Expo Router
  • TypeScript
  • NativeWind
  • Zustand
  • i18next
  • Supabase Postgres
  • Supabase Edge Functions
  • pg_cron
  • Swift
  • EAS Build

التكاملات

  • Anthropic Claude API
  • OpenAI Whisper
  • AlAdhan prayer times API
  • Apple HealthKit
  • Screen Time (Family Controls)
  • Sign in with Apple
  • Google OAuth (sign-in, read-only Gmail)
  • RevenueCat
  • Sentry
  • Expo Notifications