دراسة حالة

Crunch N' Fireدراسة حالة.

نموذج showcase لمطعم دجاج مصري، بقائمة تفاعلية وتخصيص للوجبة وسلة وطلب توصيل.

زيارة الموقعcrunch-n-fire.dranovo.com

Next.js 16React 19TypeScriptTailwind CSS 4

النتائج

واجهات وسلوكيات موجودة في الإنتاج، دون أرقام أداء غير موثقة.

خطوات تخصيص الوجبة

Cart

سلة مشتريات كاملة

فروع في تجربة التوصيل

RTL

واجهة عربية متجاوبة

روابط المشروع

crunch-n-fire.dranovo.com/ ↖

02/القصة

التحدي

تحويل تجربة منيو مطعم إلى تدفق طلب واضح على الموبايل، مع خيارات تخصيص وأسعار تتحدث فورياً.

بنيت صفحات المنيو والفروع والتخصيص والدفع، مع Context للسلة وlocalStorage والتحقق من رقم الهاتف المصري.

03/الاختبارات والجودة

أمثلة من حالات الاختبار الموجودة في المستودعات؛ دون ادعاء أرقام للتغطية.

الأدوات

Next.js buildESLint

تحديث الخيارات والسعر والسلة يتم داخل تجربة الطلب.

صفحة الدفع تعرض التحقق والتأكيد كنموذج واجهة، بلا ادعاء تكامل دفع حقيقي.