الصنف:
تطبيق ويب || Web Application
النوع:
متجر إلكتروني E-commerce
MODA NOVA
المزيد من التفاصيل
مشروع MODA NOVA هو متجر إلكتروني E-Commerce تم بناءه من الصفر وهو قوي تقنياً حيث انه لا يعتمد على قوالب جاهزة بل تم بناءه خطوة بخطوة باستخدام التقنيات البرمجية الحديثة.
الموقع يدعم التصميم المتجاوب Responsive على كل المنصات ومؤلف من عدة أقسام، حيث نجد في الصفحة الرئيسية تصنيفات تتيح للمستخدم اختيار واحدة لمشاهدة المنتجات التي تتبع لها، وفي الأسفل يوجد carousel يظهر المنتجات المميزة التي تم تعليمها من قبل صاحب الموقع.
عند الدخول إلى الموقع تظهر الصفحة الرئيسية ولكن لإتمام عملية الشراء يجب على المستخدم تسجيل الدخول أو إنشاء مستخدم جديد تم تطبيق هذه المهام بشكل مبسط.
بعد تسجيل الدخول يستطيع المستخدم اختيار المنتج الذي يريد شرائه ومن ثم يتم وضعه في السلة بشكل تلقائي وبعد إنتهاء عملية الشراء يستطيع المستخدم الذهاب إلى السلة ورؤية المنتجات التي قام باختيارها والتعديل عليها، وبعدها يمكنه إتمام عملية الشراء Checkout من خلال الدفع Payment عر طريق بوابة الدفع Stripe.
لوحة التحكم وهي خاصة بالمستخدمين الذين يملكون صفة admin، حيث تتألف لوحة التحكم من قسم لإنشاء منتج جديد، وقسم لعرض كل المنتجات، بالإضافة إلى تعليم المنتج ك مميز، وآخر قسم هو قسم الإحصائيات حيث يحوي أرقام عن عدد المتسخدمين وعدد المنتجات و عدد الطلبات التي تم بيعها، بالإضافة إلى المبلغ الإجمالي.
التقنيات المستخدمة
التطبيق تم بنائه باستخدام تقنيات البرمجة الحديثة وبالأخص تقنيات MERN وهو مؤلف من قسمين قسم الخادم Server، وقسم العميل Client والتقينات التي تم استخدامها هي كالتالي:
قسم الخادم Backend:
- تم استخدام قواعد بيانات MongoDB
- وتم استخدام Express.js لبناء الخادم
قسم العميل Frontend:
- تم استخدام React.js لبناء الواجهات وربطها مع الخادم
للمزيد من التفاصيل التقنية بإمكانك زيارة مستودع التطبيق على منصة Github
