تطبيق مطعم سوري متكامل بواجهة عربية وAnimations | Freekeh Restaurant App
تفاصيل العمل
✨ الوصف (Description)
Freekeh هو تطبيق مطعم عربي متكامل قمت بتطويره باستخدام Flutter،
مصمم ليحاكي تجربة مطعم واقعي مع آلية تصفح بسيطة وسلسة،
وواجهة عربية كاملة (RTL) مستوحاة من أجواء المطبخ السوري.
التطبيق يعرض قوائم الطعام، تفاصيل كل وجبة، الإضافات، السلة الذكية،
وتجربة طلب كاملة مثل التطبيقات التجارية الحقيقية.
تم بناء التطبيق مع اهتمام كبير بالتفاصيل:
من الخطوط العربية المخصصة، إلى الألوان المستوحاة من المطبخ الشامي،
إلى الأنيميشنز الناعمة التي تعطي إحساس احترافي ومتقن.
المشروع مناسب للعرض للعملاء، ويمكن تحويله لتطبيق جاهز لأي مطعم فعلي بسهولة.
⭐ المميزات الأساسية (Features)
? الواجهة والتنقل
شاشة ترحيب Splash Screen بخط عربي جميل
واجهة عربية 100% RTL
AppBar بعلامة تجارية للمطعم
Drawer احترافي يحتوي على:
الرئيسية
السلة
المفضلة
الطلبات
عن المطعم
اتصل بنا
?️ التصفح والبانر
Banner Slider بخمس صور عالية الجودة
Page Indicator متحرك
Animations شغالة على كل عنصر بالحركة والنعومة
? عناصر الطعام (Products)
عرض المنتجات في Grid جميلة ومنظمة
فئات مختلفة:
الكل
وجبات رئيسية
وجبات خفيفة
مقبلات
قسم الأكثر طلبًا مع شارة “? الأكثر طلبًا”
Favorite button مع تخزين محلي
تقييمات + عدد المراجعات
أسعار واضحة بالعملة المحلية
?️ صفحة تفاصيل الوجبة
Hero Animation للصورة
عرض السعر + التقييم + زمن التحضير
وصف كامل للوجبة
المكونات (Ingredients)
الإضافات Add-ons تشمل:
مشروبات
صلصات
إضافات
أطباق جانبية
حساب تلقائي للسعر
ملاحظات خاصة للطلب
زر إضافة للسلة مع الحساب النهائي
? السلة الذكية (Cart)
حفظ محتويات السلة محليًا
عرض الأسعار + Subtotal + Total
تعديل الكمية
إزالة العناصر
شاشة Checkout كاملة
❤️ المفضلة
تخزين دائم باستخدام Hive
عرض كل العناصر المضافة
? المظهر والتجربة (UI/UX Highlights)
ثيم مستوحى من ألوان الأعشاب السورية (Muted Green)
خطوط عربية: Amiri + Reem Kufi
Animations باستخدام flutter_animate
تأثيرات Fade, Slide, Scale في كل صفحة
Hero animations بين المنتجات وصفحة التفاصيل
تصميم نظيف وراقي مع اهتمام بالهوية البصرية للمطعم
? التقنيات المستخدمة (Tech Stack)
• Flutter
• Riverpod – State Management
• Hive – Local Storage
• GoRouter – Navigation
• flutter_animate
• carousel_slider
• smooth_page_indicator