دراسة حالة

VIBE APPARELدراسة حالة.

نموذج متجر streetwear عربي، بكتالوج وفلاتر وصفحات منتجات وسلة وCheckout وتتبع طلبات.

Next.js 16React 19TypeScriptTailwind CSS 4

النتائج

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

Catalog

فلاتر وبحث وترقيم صفحات

Checkout

تدفق دفع كامل كنموذج

Orders

سجل وتتبع طلبات محلي

RTL

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

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

shop.dranovo.com/ ↖

02/القصة

التحدي

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

بنيت الكتالوج والفلاتر والبحث وصفحات المنتجات والسلة والمفضلة والدفع والدعم، مع حفظ الحالة محلياً.

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

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

الأدوات

Next.js buildESLint

الكتالوج والمنتج والسلة والمفضلة والدفع تعمل كمسار واحد.

طرق الدفع المعروضة جزء من نموذج الواجهة، ولا يوجد ادعاء بربط بوابة دفع حقيقية.