إنتاجية وردية بطريقتك

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

FlutterDartMaterial 3shared_preferencesLottie

جرّبه

تحميل APK GitHub

استكشف الشاشات ابدأ مشروعاً

9:41

شاشة onboarding الترحيبية — معزز الإنتاجية

الغاية

لماذا صُنع هذا المنتج.

معظم تطبيقات المهام تبدأ كنظام شخص آخر. Tasky يثبت أن منتج الإنتاجية يمكن أن يبدو لك من الدقيقة الأولى — اللون والصورة والمجلدات — ويستمر بالعمل بلا حساب وبلا إنترنت.

من داخل المشروع

مدروس من البداية حتى النهاية.

5 نقاط بارزة

Onboarding موجَّه: صمّمت مساراً متعدد الخطوات — شاشات ترحيب، لون التمييز مع تبديل فاتح/داكن، الاسم، والصورة الشخصية — قبل الشاشة الرئيسية.

ثيم بلون التمييز: ربطت ثمانية ألوان قابلة للاختيار بـ Material 3 بحيث تتبع الترويسات والبطاقات والأزرار اختيار المستخدم في الوضعين الفاتح والداكن.

تنظيم بالمجلدات: بنيت إنشاء مجلدات بالاسم والوصف والوسم، وتعرض كبطاقات ملوّنة على شاشة ترحيب شخصية.

إدارة المهام: نفّذت قوائم داخل كل مجلد مع إكمال عبر checkbox وشطب للمهام المنتهية وتخزين محلي عبر shared_preferences.

AppState محلي أولاً: صمّمت طبقة ValueNotifier مع حفظ تلقائي لتبقى الملف والمجلدات والمهام بعد إعادة التشغيل بلا backend.

التحديات

القيود التي بنيت الحل حولها.

ما يبدو بسيطاً في الواجهة كان أصعب ما في التنفيذ.

01
ثيم يملك الواجهة فعلاً
المشكلة
معظم إعدادات «اختر لوناً» تلوّن زراً عائماً وتسمّي ذلك تخصيصاً. باقي التطبيق يبقى عاماً.
كيف بنيت الحل
ربطت ثمانية ألوان تمييز عبر Material 3 لتتبع الترويسات والبطاقات والأزرار اختيار المستخدم في الوضعين الفاتح والداكن.
02
الـ onboarding هو المنتج
المشكلة
شاشات الترحيب القابلة للتخطي لا تعلّم شيئاً ولا تخلق ارتباطاً — والرئيسية تبدو قالباً جاهزاً.
كيف بنيت الحل
صمّمت مساراً موجَّهاً — مقدمة، لون التمييز مع الوضع الداكن، الاسم، الصورة — لتصبح تحية الرئيسية شخصية منذ ظهورها.
03
استمرارية بلا backend
المشكلة
المجلدات والمهام يجب أن تبقى بعد إغلاق العملية دون خادم ودون طلب حساب.
كيف بنيت الحل
صمّمت طبقة AppState بـ ValueNotifier مع حفظ تلقائي عبر shared_preferences — الملف والمجلدات والمهام تدور محلياً، بما في ذلك السحب للحذف.