SelfTracker - 1
React NativeExpoTypeScriptHonoBunDrizzle ORMMobile

SelfTracker

تطبيق جوال بسيط وعالي الأداء لتتبع مقاييس النمو الشخصي (الوزن، التمارين، المهام) تم بناؤه باستخدام React Native و Hono.

الرؤية

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

التحدي

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

  • الأداء: تعاني القوائم العادية FlatList مع السجلات الطويلة والمعقدة.
  • الاستخدام دون اتصال: كان التطبيق بحاجة للعمل بسلاسة دون اتصال بالإنترنت.

الحل

قمت بهندسة تطبيق جوال يركز على الأداء ويعمل دون اتصال أولاً:

  • قائمة عالية الأداء: طبقت FlashList (من Shopify) لإعادة تدوير العروض بكفاءة.
  • التنفيذ دون اتصال: استخدام AsyncStorage وهندسة المحل أولاً (local-first) لتحديثات واجهة المستخدم الفورية.
  • حزمة حديثة: الاستفادة من Expo و React Native للواجهة الأمامية، و Bun مع Hono لواجهة خلفية فائقة السرعة.