دراسة حالة المنتج · متاجر التجارة الإلكترونية
RELAY MARKET
- Next.js
- React
- TypeScript
- Tailwind CSS
- Medusa.js
- Zustand
- Algolia
- Stripe
- PostgreSQL
- Redis
- React Hook Form
- Zod
- Sentry
- Playwright
وصف
سوق متكامل للإلكترونيات متعدد العلامات التجارية لمعدات المبدعين، يجمع بين سياق المنتج الخبير والمواصفات الدقيقة والبحث والتصفية والمتغيرات وقائمة الرغبات وعربة التسوق المستمرة والعروض الترويجية ومنطق التسليم والدفع المصدق عليه.
تفاصيل المشروع
تم تصميم Relay Market مثل بائع تجزئة مستقل للتكنولوجيا وله وجهة نظر. تظهر واجهة منتصف الليل الكثيفة الخاصة بها رمز SKU والبائع المعتمد والمخزون وتوقيت الإرسال والضمان وعدد المراجعات وسياق التمويل وخيارات الحماية والمواصفات الدقيقة بجانب كل منتج. أربعة وعشرون منتجًا تم تأليفها يدويًا تدعم البحث الغامض، ومرشحات الفئات والعلامات التجارية، وضوابط التصنيف والأسعار، والفرز، والمتغيرات، والمنتجات ذات الصلة، والحالات المخصصة غير الموجودة. تستمر بيانات قائمة الرغبات وعربة التسوق محليًا حسب المتجر؛ يتم إعادة حساب الكميات وعتبات الشحن وعرض PORTFOLIO10 الترويجي على الفور. يقوم الخروج التوضيحي الذي تم التحقق منه بمسح سلة التسوق وإرجاع تأكيد الطلب. إن التنقل عبر الهاتف المحمول، وأدراج التصفية وعربة التسوق، وتركيز لوحة المفاتيح، والترحيل الآمن للحالة، والحركة المنخفضة، واختبار تدفق التجارة الآلي، يكمل تجربة السوق.
معرض الواجهات
شاشات المشروع
