مشروع 08

Healthy Scan

امسح الطعام. اعرف قصته.

تطبيق تغذية يمسح باركود المنتجات ويشرح فوراً قيمتها الغذائية ومستوى معالجتها وأثرها البيئي.

FlutterDartFirebaseProviderOpenFoodFactsDio

جرّبه

9:41
الصفحة الرئيسية لـ Healthy Scan مع بطاقات الدرجات والمنتجات
الغاية

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

ملصقات التغذية مكتوبة لتبدو صحية، لا لتُفهم. Healthy Scan يتيح للمتسوّق مسح الباركود في الممر ورؤية مستوى المعالجة والجودة الغذائية والأثر البيئي فوراً — من دون فك شفرة ورقة علمية.

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

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

5 نقاط بارزة

مسح الباركود: صمّمت مساراً بالكاميرا مع إدارة الأذونات لينتقل المستخدم من الصفحة الرئيسية إلى تفاصيل المنتج بنقرة واحدة.

رؤى Open Food Facts: دمجت جلب بيانات المنتج لعرض Nutri-Score وEco-Score ومستوى معالجة NOVA والمكونات ومسببات الحساسية وأشرطة التغذية.

مصادقة Firebase: بنيت تسجيل الدخول بالبريد وكلمة المرور وGoogle مع تجربة onboarding وتسجيل مصقولة.

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

المعمارية: نظّمت التطبيق بإدارة حالة Provider وشبكات Dio وصور منتجات مخزّنة عبر Android وiOS والويب وسطح المكتب.

التحديات

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

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

  1. 01

    من الكاميرا إلى الحكم بنقرة واحدة

    المشكلة

    مسح الباركود عادة متاهة أذونات ثم جلب بطيء — وهذا قاتل في ممر السوبرماركت.

    كيف بنيت الحل

    صمّمت مساراً واعياً بالأذونات يصل إلى Open Food Facts ويعرض Nutri-Score وEco-Score وNOVA ومسببات الحساسية وأشرطة التغذية في حركة واحدة.

  2. 02

    بيانات كثيفة تُقرأ في عشر ثوانٍ

    المشكلة

    جداول المكونات الخام تُربك من يحمل عربة ويريد قراراً سريعاً.

    كيف بنيت الحل

    صمّمت بطاقات درجات تعليمية وأشرطة بصرية ليُقرأ قصة المنتج قبل التفاصيل الدقيقة.

  3. 03

    حساب من دون إيقاف أول تجربة

    المشكلة

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

    كيف بنيت الحل

    بنيت تسجيل Firebase بالبريد وكلمة المرور وGoogle خلف onboarding أخضر صحي يبدو جزءاً من المنتج لا بوابة أمامه.

المشروع التالي

وصلة

انشر طلب التوصيل، وأقرب سائق يستلمه.

عرض المشروع التالي
9:41
الرئيسية للتاجر مع زر إنشاء توصيلة وإحصاءات اليوم