واجهة صيدلية عربية وإنجليزية مع دعم RTL/LTR.
دراسة الحالةVercel - Production
PharmaFlow | PWA صيدلية ولوحات تحكم
تطبيق صيدلية تقدمي ثنائي اللغة يربط العملاء بالصيادلة. بنيت تدفقات تسوق قابلة للتثبيت، وواجهات تجارة RTL/LTR، وتصفية للكتالوج، ومراجعة للوصفات، ولوحات تحكم mobile-first تجعل العمل اليومي في الصيدلية أسرع وأسهل.
تقنيات الواجهة
- Next.js
- React
- TypeScript
- Tailwind CSS
الأداء
- Server Components حيث تقلل JavaScript على العميل.
- Next.js Image مع Cloudinary لأصول المنتجات.
- Prefetch لمسارات التسوق الشائعة.
- واجهة غير متزامنة مع Streaming وSuspense.
- Lazy loading لأدوات اللوحة غير الضرورية.
الجودة والموثوقية
- شاشات منفصلة للعميل والصيدلي.
- حالات واجهة مصادَق عليها واضحة.
- تحقق من المدخلات في النماذج وبيانات الكتالوج.
- سلوك تخطيط متسق عبر تدفقات التسوق.
أبرز المميزات
تطبيق تقدمي قابل للتثبيت على الموبايل.
تصفح كتالوج مع فلاتر السعر والشكل والتوفر.
بحث منتجات تقريبي لكتالوجات صيدلية كبيرة.
لوحة صيدلي لمتابعة الطلبات والمخزون.
واجهة مراجعة وصفات رقمية.
تدفقات استشارة وسلة للعملاء.
صور منتجات عبر Cloudinary.
بنية الواجهة
مسارات تسوق العميل وتخطيطات موطَّنة شاشات لوحة الصيدلي مكوّنات مشتركة للمنتج والسلة والاستشارة طبقة عرض PWA والإشعارات صور منتجات محسّنة للعرض
استراتيجيات هندسة الواجهة
- فصل واضح بين شاشات العميل والصيدلي.
- تجربة موبايل PWA أولًا لعمل الصيدلية اليومي.
- مكوّنات React قابلة لإعادة الاستخدام للكتالوج واللوحة.
- Cloudinary مع Next.js Image لصور منتجات متجاوبة.
- metadata ومسارات ثنائية اللغة ليسهل اكتشاف المنتج.
- تحقق من المدخلات على العميل للنماذج والحقول الأساسية.
الواجهة البصرية
