رد فعل التجارة الإلكترونية بواسطة jobsimulator.dev
هذا هو موقع التجارة الإلكترونية بسيط مصنوع من React و Tailwindcss. مهمتك هي إصلاح 8 قضايا:
- فرز المنتجات حسب السعر وتاريخ الإصدار
- ثبات العربة على التحديث
- إضافة وظائف مرشحات المنتج
- جلب المنتج يسبب حلقة لانهائي
- تحتاج إلى عرض "عربة فارغة" عندما تكون العربة فارغة على صفحة العربة
- تحديث العربة في NAV مع حجم العربة
- العربة لا تغلق عندما ينقر المستخدم على منطقة رمادية
- لم يتم تنفيذ المجموع الفرعي على صفحة العربة
أهداف التعلم
سوف تدرب وتكتسب الخبرة مع:
- WebApps التصميم مع Tailwindcss
- باستخدام خطافات رد الفعل (Usestate ، useEffect)
- معالجة البيانات وتجميعها وفرزها وعرضها
- العمل مع الجداول في رد الفعل
- تنفيذ عربة التسوق
- العمل مع التخزين المحلي
- تنسيق العملة
- سحب البيانات من واجهات برمجة التطبيقات
كيف تبدأ العمل
- شوكة هذا الريبو واستنساخه محليا.
- تثبيت التبعيات عن طريق تشغيل
npm i - قم بتشغيل التطبيق محليًا عن طريق تشغيل
npm run dev:frontend لبدء الواجهة الأمامية ، و npm run dev:backend لبدء الواجهة الخلفية. - تفضل بزيارة http: // localhost: 3000 لرؤية الموقع.
- إصلاح جميع المشكلات (يتم توفير تلميحات كتعليقات TODO في الكود)
- بمجرد اكتمال جميع حلولك ، قم بإنشاء طلب سحب واحد لهذا المستودع
- تحقق مما إذا كانت حلولك تجتاز اختباراتنا الآلية.
هل تحتاج إلى مساعدة؟
أفضل طريقة لطلب المساعدة هي طلب مجتمع الخلاف لدينا.
انقر هنا للانضمام إلى Discord.
تريد المزيد من التحديات؟
تصفح قائمة التحديات الخاصة بنا والانضمام إلى خلافنا للحصول على إخطار عندما يتم إصدار تحديات جديدة.
