دراسات المشاريع / التجارة عبر الهاتف والإدارة
Selleva
واجهة المتجر ليست المتجر كله.
منتج تجارة قيد التطوير، يجمع واجهة متجر Flutter وواجهة API بـ Laravel وأدوات كتالوج Filament في نظام واحد. الهدف: تجربة تسوق مدروسة وأدوات عملية تدعمها.
استكشف المشروع
عرض محلي
- التصميم والتطوير
- محمد شمس
- المساهمة
- التصميم والتطوير من البداية إلى النهاية
- التقنيات الأساسية
- Flutter
- Laravel
- Filament
مشروع من أعمال المؤسس الخاصة، وليس مشروعاً مقدّماً لعميل لدى تقنية.
عرض محلي
داخل المنتج
لقطات من تطبيقات تعمل محلياً ببيانات تجريبية خيالية. الأسماء والطلبات والأسعار وأعداد لوحة الإدارة أمثلة وليست سجلات عملاء أو نتائج أعمال.
الاتجاه البصري للمتجر
نموذج أولي للرئيسية بالاسم المبدئي الجديد وكتالوج خيالي. صور المنتجات الجاهزة لأغراض العرض.
من API إلى تفاصيل المنتج
تفاصيل من Laravel API محلي بعد تصحيح قراءة الأرقام في نسخة التصوير. الكتالوج خيالي، ولم يُربط زر السلة بالحفظ الدائم بعد.
واجهة سلة قيد التطوير
نموذج سلة ببيانات ثابتة. الأسعار والمجموع ونص الشحن أمثلة، ولا يمثّل زر الشراء معالجة مدفوعات مكتملة.
أدوات خلف واجهة المتجر
إدارة كتالوج Filament بعد تسجيل الدخول، بقاعدة بيانات محلية جديدة. المنتجات والمخزون خياليان.
نظرة عامة
يحتاج تطبيق التسوق إلى أكثر من شبكة منتجات. يحتاج العملاء إلى التصفح والاطلاع على التفاصيل وحفظ المنتجات، بينما يحتاج مسؤولو الكتالوج إلى أدوات مستقلة للمنتجات والتصنيفات والحسابات.
يفصل المشروع تفاعلات العملاء عن العمليات الإدارية، مع ربطهما بالنظام الخلفي. تظهر ميزات التصفح وتسجيل الدخول والسلة والمفضلة في بنية الشيفرة.
Selleva هو الاسم المبدئي لهذا المنتج الذي يملكه المؤسس، وكان يُسمّى Shop. ما زال المستودع العام يحمل اسم shop. يُطوّر المشروع كمنتج، ولا يُقدَّم على أنه نشاط تجاري قائم للبيع بالتجزئة.
رحلة المستخدم
اكتشاف المنتجات
تدعم مستودعات المنتجات والتصنيفات تصفح الكتالوج وتفاصيل المنتجات ومعاملات البحث وتقسيم النتائج إلى صفحات والمنتجات المميزة والوصولات الجديدة.
نحو سلة مرتبطة بالنظام
توفّر مسارات API المحمية عمليات السلة والمفضلة. تستخدم الرئيسية والسلة في تطبيق الهاتف بيانات نموذجية حالياً، وما زال ربطهما بالاختيارات المحفوظة جزءاً من التطوير.
إدارة الكتالوج
توفّر موارد Filament واجهات إدارية للمنتجات والتصنيفات والعملاء والمستخدمين. تتضمن مسارات الإدارة المستقلة تغييرات الكتالوج والإشعارات.
ما تم تطويره
واجهة المتجر بـ Flutter
تنظّم شيفرة الهاتف تسجيل الدخول والرئيسية والتصنيفات وتفاصيل المنتجات والسلة والإعدادات ضمن وحدات وظيفية. تربط واجهة تنقل مشتركة الشاشات الأساسية.
واجهة API بـ Laravel
توجد مسارات عامة للمنتجات والتصنيفات، إلى جانب مجموعات مستقلة لتسجيل دخول العملاء والإدارة. تشمل المسارات المحمية اختيارات العملاء والتعديلات الإدارية.
الإدارة بـ Filament
توجد موارد الكتالوج والحسابات في النظام الخلفي إلى جانب API، لتوفّر طبقة إدارة بالإضافة إلى الواجهة الموجّهة للعميل.
خلف الواجهة
- Flutterالشاشات الموجّهة للعملاء
- Laravel APIالمنتجات والحسابات والاختيارات
- Filamentإدارة الكتالوج والحسابات
- تصفح المنتجات
- Laravel API
- إدارة الكتالوج
مستودع واحد ومسؤوليات منفصلة
يفصل المجلدان mobile/ وbackend/ تطبيق Flutter عن تنفيذ Laravel. تحوّل مستودعات المنتجات في التطبيق استجابات API إلى نماذج للمنتجات والتصنيفات.
نظام بصري يتمحور حول المنتجات
يحدد مظهر تطبيق الهاتف درجات النيلي والبنفسجي وأسُطحاً فاتحة وداكنة وحقولاً مستديرة وأنماطاً مشتركة للمكوّنات. تستخدم هذه الدراسة تلك الألوان في رسم يربط الكتالوج بالنظام.
النطاق والأدلة
شُغّلت شاشات مختارة محلياً من الشيفرة العامة: تسجيل دخول العميل وتفاصيل المنتج المرتبطة بـ API ونماذج الرئيسية والسلة وإدارة المنتجات عبر Filament بعد تسجيل الدخول. تستخدم نسخة التصوير المعزولة اسم Selleva ومحوّل API متوافقاً مع الويب وكتالوجاً خيالياً بصور جاهزة وتصحيحاً لقراءة القيم العشرية النصية من Laravel. ما زال تطبيق هذا التصحيح في المشروع الأصلي مطلوباً.
التطوير مستمر. تستخدم الرئيسية والسلة بيانات نموذجية، وشارة السلة مؤقتة، ويعرض زر الإضافة إلى السلة في تفاصيل المنتج رسالة دون حفظ سلة فعلية حالياً. لا تتضمن الدراسة ادعاءات عن إطلاق متجر حي أو معالجة المدفوعات أو اكتمال الشراء أو المبيعات أو أعداد العملاء أو نتائج التحويل.
استكشف الأدلة
تخطط لمنتج له احتياجات مشابهة؟
أخبرنا عن المستخدمين وسير العمل والتكاملات المطلوبة، لنناقش النطاق المناسب لمنتجك.