موقع تسليم الكيك
مقدمة
تطبيق توصيل الكيك هو تطبيق ويب كامل المكاسب مصممة باستخدام .NET 0.8 للواجهة الخلفية وواجهة برمجة التطبيقات ويب و SQL لإدارة قاعدة البيانات والرد على الواجهة الأمامية. يمكّن التطبيق العملاء من تصفح كتالوج من الكعك وتخصيص الطلبات ووضع الطلبات الآمنة مع اكتشاف الموقع الآلي. يتضمن النظام أيضًا لوحة مسؤول لإدارة الكعك والفئات والعملاء والمستخدمين ، وتوفير تجربة سلسة لكل من العملاء والمسؤولين.
سمات
تطبيق العميل
كتالوج الكيك
يمكن للعملاء استكشاف مجموعة واسعة من الكعك التي تنظمها الفئات ، مما يجعل من السهل العثور على الكعكة المثالية.
ترتيب تخصيص
يمكن للعملاء تخصيص طلباتهم عن طريق اختيار أحجام وكميات محددة للكعك ، ثم إضافة هذه الكعك المخصص إلى عربة التسوق الخاصة بهم لإدارة سهلة قبل الخروج.
موقع الكشف التلقائي
من خلال تكامل رد الفعل المنشور ، يكتشف التطبيق موقع العميل تلقائيًا أثناء الخروج ، مما يؤدي إلى تبسيط العملية عن طريق التخلص من الحاجة إلى إدخال العناوين يدويًا ، بشكل خاص لمستخدمي الأجهزة المحمولة.
الخروج الآمن
تجمع عملية الخروج تفاصيل الاتصال الأساسية للعميل ، ومعلومات الدفع ، وتؤكد عنوان التسليم المكتشف تلقائيًا ، مما يضمن تجربة طلب سلسة وآمنة.
نظام التغذية المرتدة
بعد الانتهاء من الطلب ، تتم دعوة العملاء لترك التعليقات على تجربتهم. يتم عرض هذه المراجعات على الصفحة الرئيسية ، مما يسمح للزائرين الجدد بعرض شهادات حقيقية من العملاء الآخرين.
الصفحة الرئيسية الديناميكية
- الكعك المضافة مؤخرًا : يسلط الضوء على أحدث الإضافات إلى الكتالوج ، مما يشجع العملاء على العودة واستكشاف الخيارات الجديدة.
- ملاحظات العملاء والشهادات : يعرض ملاحظات حقيقية من العملاء ، وإضافة المصداقية ومساعدة المستخدمين الجدد على اتخاذ قرارات مستنيرة.
- معلومات الاتصال : يتم عرض تفاصيل الاتصال الأساسية بشكل بارز ، مما يجعل من السهل على العملاء التواصل مع الأسئلة أو الطلبات الخاصة.
لوحة المسؤول
- توفر صفحة تسجيل دخول المشرف وصولًا آمنًا لتسجيل الدخول إلى لوحة المسؤول ، مما يضمن أنه يمكن للمستخدمين المصرح لهم فقط إدارة بيانات التطبيق ووظائفه.
- نظرة عامة على لوحة القيادة توفر لوحة معلومات المشرف ملخصًا سريعًا للمبيعات للأسبوع ، مما يسمح للمسؤولين برؤية مقاييس أداء الأعمال في لمحة ، وتحديد الاتجاهات ، واتخاذ قرارات تعتمد على البيانات.
- إدارة الكيك ، تتيح صفحة الكعك المخصصة للمستهلكين القدرة على عرض الكعك أو إضافة أو تحديث أو إزالة الكعك من الكتالوج. التحكم في كمية الأسهم: يمكن للمسلمين ضبط كمية كل كعكة في المخزون لضمان توفر دقيق للعملاء.
- إدارة الفئات تنظم صفحة الفئات الكعك في التصنيفات (على سبيل المثال ، عيد ميلاد ، الذكرى ، الأعشاب الضارة ..) ، مما يجعل الكتالوج سهلاً للعملاء للتنقل. يمكن للمشرفين إضافة فئات جديدة ، أو تحرير الفئات الموجودة ، أو حذف الفئات القديمة.
- يمكن لمشرفي إدارة العملاء الوصول إلى قائمة كاملة من العملاء الذين قدموا الطلبات ، وتوفير نظرة ثاقبة على سلوك العملاء والسماح لهم بمعالجة أي استفسارات أو مشكلات خاصة بالحساب.
- يمكن لمسلمي إدارة المستخدمين إنشاء حسابات مستخدمين جديدة لموظفي إضافيين ، وإدارة معلومات المستخدم الحالية ، وتحديث عناوين البريد الإلكتروني أو إعادة تعيين كلمات المرور عند الحاجة ، وضمان تشغيل النظام السلس والآمن.
التقنيات المستخدمة
قاعدة البيانات
- قاعدة البيانات: Microsoft SQL Server مع ADO.NET.
الواجهة
- أداة بناء: Vite لبناء المشروع الفعال.
- رد فعل React: لإدارة الدولة والبيانات عن بُعد.
- سياق واجهة برمجة التطبيقات لإدارة ولاية واجهة المستخدم.
- React Router: لتنفيذ التوجيه.
- Tailwindcss: للتصميم.
- شكل ربط رد فعل لإدارة النماذج.
- إعادة الشحن: مكتبة للمخططات لإظهار الإحصاءات.
- رد فعل-توب: لإخطارات الخبز المحمص.
- React-icons: لأيقونات واجهة المستخدم.
الخلفية
وحدات التحكم:
- تنظيم والتعامل مع طلبات HTTP للموارد (على سبيل المثال ، الكعك ، أوامر).
- حدد إجراءات CRUD عبر أساليب HTTP (الحصول ، بعد ، وضع ، حذف).
النماذج/DTOs:
- تحديد هياكل البيانات لتبسيط نقل بيانات خادم العميل.
طرق HTTP:
- الحصول على: استرداد الموارد (على سبيل المثال ، قائمة الكعك).
- Post: إنشاء موارد جديدة (على سبيل المثال ، إرسال طلب).
- وضع: تحديث الموارد الحالية (على سبيل المثال ، تعديل تفاصيل الكيك).
- حذف: إزالة الموارد (على سبيل المثال ، حذف كعكة).
رموز الحالة:
- 200 OK: استرجاع/تحديث البيانات الناجحة.
- 201 إنشاء: إنشاء الموارد ناجح.
- 204 لا يوجد محتوى: تم حذف المورد بنجاح.
- 400 طلب سيء: بيانات غير صالحة.
- 404 غير موجود: المورد غير موجود.
تصديق:
- يضمن البيانات الواردة دقيقة وآمنة.
- سمات النموذج ومتطلبات البيانات المنطقية المخصصة.
عرض مباشر
انقر لي!
