تخطَّ إلى المحتوى الرئيسي

Sérein — تطبيق جوّال للعافية

تطبيق جوّال للعافية

تطبيق جوّال لتتبّع العادات والتنفّس الموجَّه. قاعدة شيفرة واحدة بـ React Native لأنظمة iOS وAndroid والويب — بتجربة متقنة وأصيلة على كل منصّة.

2026-07
  • تطوير الجوّال
  • تصميم التطبيق
  • الإخراج الفني
React NativeExpoTypeScriptReanimated
معاينة Sérein — تطبيق جوّال للعافية
  1. 01

    قاعدة شيفرة واحدة → iOS وAndroid والويب (نسخة تجريبية)

  2. 02

    الإعداد الأولي، وملف شخصي محلي، وإنشاء عادة مخصّصة (أيقونة + لون)

  3. 03

    واجهة أصيلة لكل منصّة: SF Symbols على iOS، واستجابة لمسية، وعمل دون اتصال

السياق

‏Sérein تطبيق جوّال مفاهيمي، صُمِّم لإظهار مهارة مختلفة عن مشاريعي على الويب: التطوير متعدّد المنصّات الأصيل. الهدف — تطبيق للعافية، هادئ وبسيط، يدفعك للعودة إليه كل يوم.

تُفتح النسخة التجريبية في المتصفّح، معروضةً داخل إطار هاتف: إنه فعلاً تطبيق جوّال، وليس موقعاً.

الأهداف

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

الحل

أربع شاشات صُمِّمت كطقس يومي:

  • اليوم — عادات اليوم، وحلقة تقدّم، وسلاسل الإنجاز الجارية، وزر عائم لإنشاء عادة.
  • إنشاء عادة — ورقة منبثقة فيها اختيار الأيقونة (شبكة منظَّمة) واختيار اللون ومعاينة حيّة: لا شيء نمطي.
  • تنفّس — تمرين تناغم قلبي متحرّك (5 ث / 5 ث)، يضبط إيقاعه ارتجاع لمسي خفيف.
  • التقدّم والملف الشخصي — شبكة لآخر 7 أيام، وأفضل سلسلة، وملف شخصي قابل للتخصيص (الاسم، الصورة الرمزية) يُنشأ منذ الإعداد الأولي.

تجربة أصيلة، لكل منصّة

  • iOS — أيقونات SF Symbols، وشريط تبويب Liquid Glass، ومحرّك Taptic.
  • Android — أيقونات Material، واهتزازات أصيلة.
  • في كل مكان — طباعة متقنة، وحركات دقيقة (Reanimated)، وعمل دون اتصال بالكامل: تبقى البيانات على الجهاز، دون أي خادم.

الحزمة التقنية

‏React Native + Expo (expo-router)، وحركات Reanimated، وتخزين محلي عبر AsyncStorage، وتصدير ويب ثابت منشور على Vercel. قاعدة شيفرة واحدة، وثلاث وجهات.

TalkDoc