متجر إلكتروني متكامل بواجهة حديثة
تفاصيل العمل
منصة تسوق إلكتروني حديثة متكاملة تقدم تجربة مستخدم احترافية وعصرية. تم تطوير هذا المشروع باستخدام React.js مع تصميم حديث واحترافي، مع دعم الوضع الداكن والفاتح (Dark & Light Mode) لتناسب تفضيلات المستخدم. الموقع متجاوب بالكامل على جميع الأجهزة، ويحتوي على شريط تنقل جانبي مخصص على الهواتف المحمولة لتجربة تصفح سلسة. بدلاً من جلب البيانات من API خارجي، يتم إدارة جميع بيانات المستخدمين والمنتجات محلياً باستخدام ملف JSON، مما يضمن تحكم كامل في تخزين واسترجاع البيانات. يشمل الموقع عدة صفحات أساسية تغطي كامل رحلة التسوق: الصفحة الرئيسية: صفحة هبوط نظيفة وأنيقة تعرض المنتجات. صفحة المنتجات: عرض جميع المنتجات مع شريط بحث وخيارات تصفية مخصصة بتصميم عصري للواجهة. صفحة تسجيل الدخول: بعد تسجيل الدخول، يتم توجيه المستخدم إلى صفحة الملف الشخصي لعرض التفاصيل الشخصية. صفحة تفاصيل المنتج: عرض معلومات كاملة عن المنتج مع إمكانية إضافة مراجعات/تعليقات. يقتصر التعليق على المستخدمين المسجلين، مع إرفاق الاسم تلقائيًا. التعليقات محفوظة وتستمر بعد إعادة تحميل الصفحة، ومخصصة لكل منتج ولكل مستخدم. صفحة السلة: مراجعة المنتجات المختارة، تعديل الكميات، أو إزالة منتجات. صفحة الدفع: إنهاء عملية الشراء. صفحة الملف الشخصي: عرض بيانات المستخدم بعد تسجيل الدخول. تسجيل الخروج: ظهور نافذة تأكيد في منتصف الشاشة قبل تسجيل الخروج. المدة: 9 أيام المميزات التقنية: تطوير باستخدام React.js وملف JSON محلي لإدارة البيانات. دعم Dark & Light Mode لتخصيص الواجهة حسب تفضيلات المستخدم. شريط تنقل جانبي مخصص على الأجهزة المحمولة. البحث والتصفية المتقدمة مع واجهة مستخدم مصممة بعناية. إشعارات Toast لكل إجراء (إضافة/إزالة منتجات، تسجيل الدخول، تسجيل الخروج، الدفع، إلخ). نظام تعليقات مستمر: يحتاج المستخدم لتسجيل الدخول، التعليقات محفوظة بعد إعادة التحميل، ومخصصة لكل منتج ولكل مستخدم. تصميم متجاوب بالكامل متوافق مع الهواتف، التابلت، والحواسيب. النتيجة النهائية: منصة تسوق إلكتروني حديثة تقدم واجهة مستخدم وتجربة مستخدم متميزة، مع ميزات متقدمة مثل Dark/Light Mode، إشعارات Toast، صفحة ملف شخصي مخصصة، ونظام تعليقات مستمر لكل منتج، مما يجعلها قريبة جداً من متجر إلكتروني حقيقي.
بطاقة العمل
طلب عمل مماثل