Noon Seller Shipment Creation

طوّرت تطبيق SC-Fulfillment في noon، وهو تطبيق ويب بيستخدمه البائعين لتجهيز شحناتهم وإرسال البضاعة لمخازن الشركة. اشتغلت على تحديث التطبيق القديم ونقله إلى Next.js، وإعادة بناء شاشاته باستخدام نظام التصميم الخاص بمنصة noon للشركاء.

شغلي في المشروع شمل:

• إنشاء الشحنة خطوة بخطوة: البائع يختار منتجاته من الكتالوج أو يرفع ملف Excel بالمنتجات كلها. التطبيق يراجع البيانات ويوضح الأخطاء قبل إرسال الشحنة. بيانات الشحنة دي اسمها ASN، وهي إشعار للمخزن بالبضاعة اللي هتوصله.

• تنظيم كميات المنتج: لو نفس المنتج له دفعات بتواريخ صلاحية أو أرقام تشغيلات مختلفة، البائع يقدر يسجّل كل دفعة لوحدها. التطبيق يطلب البيانات المناسبة للمنتج ويمنع إدخال تاريخ صلاحية منتهي.

• تجهيز التعبئة: البائع يوزّع المنتجات على الصناديق، ويقفل الشحنة بعد ما يكمّل تجهيزها.

• طباعة الملصقات: طباعة باركود المنتجات والصناديق كملفات PDF، أو مباشرة من المتصفح على طابعات الملصقات الحرارية.

• تحديد طريقة التوصيل: البائع يقدر يوصّل الشحنة للمخزن بنفسه أو يحجز استلامها من عنوانه. حجز الاستلام يشمل اختيار العنوان على Google Maps والتأكد إنه داخل نطاق الخدمة.

• متابعة الشحنة: صفحة تفاصيل توضح حالتها من الإنشاء لحد استلامها في المخزن، وتبيّن للبائع الخطوة المطلوبة منه.

• دعم العربي والإنجليزي: الشاشات بتدعم اللغتين، مع ضبط اتجاه العرض من اليمين لليسار في النسخة العربية.

ركّزت على مراجعة البيانات أثناء تجهيز الشحنة لاكتشاف الأخطاء قبل وصول البضاعة للمخزن. وكتبت اختبارات تلقائية للوظائف الأساسية، ووثّقت القرارات التقنية المهمة خلال التطوير.

التقنيات المستخدمة:

Next.js، React، TypeScript، React Query، Zustand، Vitest، Google Maps API، jsPDF، QZ Tray.