E-Commerce

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

Project Image

التقنيات المستخدمة

Next.jsReactReal REST API

نظرة عامة على المشروع

تطبيق متكامل للتجارة الإلكترونية معمول باستخدام Next.js ومتصل بـ API حقيقي. يقدر المستخدم يعمل حساب ويسجّل الدخول، ويتصفح المنتجات، ويضيفها للسلة، ويحفظ المنتجات في المفضلة، ويكمّل طلبه، ويدير حسابه بسهولة من مكان واحد.

أهم الميزات

تسجيل الدخول والحسابات

يقدر المستخدم يعمل حساب جديد ويسجّل الدخول علشان يحصل على تجربة تسوق مخصصة.

إدارة السلة

يقدر المستخدم يضيف المنتجات للسلة، ويعرضها، ويعدّل الكميات، أو يحذف أي منتج قبل الشراء.

إتمام الشراء

يقدر المستخدم يكمّل طلبه من خلال APIs حقيقية.

قائمة المفضلة

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

إدارة الحساب

يقدر المستخدم يدير بيانات حسابه وتفضيلاته بسهولة.

الربط مع REST API

التطبيق متصل بـ REST API حقيقي لجلب المنتجات وإدارة السلة ومعالجة الطلبات.

لقطات الشاشة

لقطة شاشة للصفحة الرئيسية لمتجر التجارة الإلكترونية

الصفحة الرئيسية

بتعرض الصفحة الرئيسية المنتجات المميزة والتصنيفات علشان المستخدمين يكتشفوا المتجر.

التحديات والحلول

التحديات
  • إدارة بيانات المنتجات والسلة بشكل لحظي
  • الحفاظ على تجربة مستخدم واضحة أثناء التسوق
  • تأمين الحسابات والطلبات
الحلول
  • تم ربط الواجهة بـ REST API حقيقي لجلب بيانات المنتجات وتحديث السلة بشكل متزامن.
  • تم تقسيم رحلة الشراء إلى خطوات بسيطة للتصفح وإدارة السلة والمفضلة وإتمام الطلب.
  • تم تنظيم التسجيل وتسجيل الدخول وإدارة الحساب حول بيانات المستخدم والطلبات الخاصة به.