mini-market

الـ Front-end (الواجهة الأمامية):

الصفحة الرئيسية بتعتبر المركز الأساسي للتطبيق، وبتحتوي على كل الأقسام المهمة للتنقّل بسهولة.

قسم من نحن (About) بيعرض معلومات تفصيلية عن الماركت.

قسم التواصل (Contact) بيسمح للمستخدمين يتواصلوا بسهولة في حالة وجود أي استفسارات أو ملاحظات، وده بيوفر قناة تواصل سلسة.

صفحة المنتجات (Products) بتعرض مجموعة كبيرة من المنتجات. العرض بيكون بشكل مقسّم (pagination) بحيث يظهر 8 منتجات في كل صفحة لضمان سرعة الأداء وتجربة مستخدم مريحة.

لتعزيز التفاعل مع المستخدم، تم استخدام SweetAlerts للتنبيهات و Bootstrap للتنسيق والتصميم، والنتيجة واجهة جذابة وسهلة الاستخدام.

الـ Back-end (الواجهة الخلفية):

الواجهة الخلفية لتطبيق Mini-Market معمولة باستخدام ASP.NET Web API.

قاعدة البيانات اللي بتُخزن فيها بيانات المنتجات هي Microsoft SQL Server لضمان حفظ البيانات بشكل آمن.

الـ Backend بيجلب بيانات المنتجات من قاعدة البيانات ويعرضها للـ Frontend بشكل سلس وسريع.

المستخدم يقدر يضيف المنتجات لعربة التسوق الخاصة بيه علشان يعمل تجربة تسوق شخصية.

فيه نظام لإدارة الطلبات بيسمح للمستخدم يشوف كل الطلبات الخاصة بيه، يراجع تفاصيل كل منتج، وكمان يقدر يحذف منتجات من الطلب.

صفحة ملخص الطلب بتعرض كل بيانات المنتجات اللي اتضافت مع الحساب الكلي للسعر.

وأخيرًا، يقدر المستخدم يعمل تأكيد للطلب علشان يكمل عملية الشراء وتتم المعاملة بنجاح.