حوّل متجر الحلوى الخاص بك لتجربة بصرية ساحرة — تطبيق متعدد المنصات جاهز بـKotlin!
مشروع Recipe App هو عبارة عن تطبيق مُنفّذ باستخدام Compose Multiplatform (Kotlin Multiplatform) يهدف إلى عرض وصفات أو منتجات بشكل جذّاب، ويستهدف منصات متعددة: Android, iOS, Web, Desktop وحتى Android TV. يركّز المشروع على استكشاف قدرات Compose Multiplatform في تنفيذ تأثيرات بصرية مثل Hero animation، Collapsable toolbar، staggered animations، وgyroscope detection—وهذه الميزات تجعله مناسبًا أيضاً لعرض منتجات الحلوى بطريقة ترويجية جذابة. المشروع مرخّص برخصة Apache-2.0 وله صفحة عرض مباشرة (live demo) وروابط فيديو للعرض التوضيحي
لماذا يعتبر هذا المشروع مفيدًا لعرض منتجات الحلوى (Use case)
إذا كان لديك متجر حلوى وتريد تطبيقًا يعرض منتجاتك بطريقة مرئية وممتعة، فالتطبيق يأتي بمجموعة ميزات مناسبة:
عرض بصري جذّاب: استخدام تسلسل رسوم متحركة متدرّج (staggered animations) لعرض بطاقات المنتج يخلق تأثيرًا ديناميكيًا يجذب انتباه المستخدمين.
تفاصيل المنتج عبر Hero Animation: عند النقر على بطاقة المنتج، يمكن استخدام تأثير Hero للانتقال السلس إلى شاشة التفاصيل—مفيد لعرض صور الحلوى بحجم أكبر مع وصف وسعر.
شريط أدوات قابِل للطي (Collapsable Toolbar): يعزّز المساحة المرئية للصور والمنتجات ويقلل التشويش أثناء التصفح.
تفاعل بحساس الحركة (Gyroscope): يمكن إضافة تأثيرات بارالاكس خفيفة استجابةً لحركة الجهاز، لتمنح التطبيق احساسًا تفاعليًا ومبتكرًا.
باستخدام هذه الميزات يصبح التطبيق أداة مُثلى لعرض تشكيلة الحلوى، تنظيم العروض، وحتى دمج سلوكيات شراء أو مشاركة المحتوى.
(المشروع نفسه يذكر استهداف هذه التأثيرات والتقنيات ضمن وصفه الرسمي).
الميزات التقنية الرئيسية للمشروع
Kotlin + Compose Multiplatform: الكود مكتوب بلغة Kotlin ويستخدم Compose لتصميم الواجهات عبر المنصات المتعددة—مما يقلّل تكرار الشيفرة ويسهل صيانة واجهات المستخدم.
دعم منصات متعددة: Android، iOS، Web، Desktop، وAndroid TV—يوفر تغطية واسعة لشرائح المستخدمين.
أنيميشن متقدّم: يشمل Hero animation، Collapsable Toolbar، Staggered Grid animations، واستخدام معلومات الجيروسكوب لإيماءات تفاعلية.
قابلية التخصيص: يمكن استبدال بيانات الوصفات بقاعدة بيانات منتجاتك (صور الحلوى، الأسماء، الأسعار، الوصفات) لتكييف التطبيق لمتجرك.
رخصة مفتوحة (Apache 2.0): تسمح بإعادة الاستخدام والتعديل حتى في مشاريع تجارية مع التزام بنود الرخصة.
بنية المشروع (موجز الهيكل)
في مستودع المشروع تظهر مجلّدات متعددة لكل هدف منصة، مثل: androidApp, iosApp, webApp, desktopApp, tvApp، بالإضافة إلى shared حيث توضع المنطق المشترك وواجهات Compose المشتركة. هذا الهيكل هو الشكل الشائع في تطبيقات Compose Multiplatform لتقسيم الكود المشترك عن كود المنصة الخاص
