متجر إلكتروني متكامل تم تطويره باستخدام مكتبة React.js، يتيح للمستخدمين تجربة تسوق سلسة وسريعة عبر واجهة مستخدم تفاعلية وسهلة الاستخدام. يعتمد المشروع على نظام إدارة المحتوى Sanity.io كقاعدة بيانات Headless لتخزين المنتجات والمحتوى بطريقة مرنة وقابلة للتوسع.
التقنيات المستخدمة:
React.js – لبناء واجهة المستخدم الديناميكية.
JavaScript (ES6+) + TypeScript – لكتابة منطق التطبيق والتفاعل مع البيانات.
HTML5 – لبناء الهيكل العام للصفحات.
CSS3 – لتنسيق وتصميم الواجهة بأسلوب عصري وجذاب.
Sanity CMS – لإدارة المنتجات والمحتوى بشكل مركزي من خلال لوحة تحكم سهلة الاستخدام.
الميزات الرئيسية:
تسجيل الدخول / تسجيل حساب جديد: واجهة مخصصة للمستخدمين تتيح إنشاء حساب وتسجيل الدخول.
عرض المنتجات: قائمة منتجات قابلة للتصفية والعرض بناءً على الفئات والمواصفات.
سلة التسوق: إمكانية إضافة المنتجات إلى العربة مع عرض إجمالي السعر وعدد العناصر.
إتمام عملية الشراء: نموذج Checkout مرن يسمح بإدخال بيانات الدفع والشحن.
إدارة المحتوى من خلال Sanity: سهولة إضافة أو تعديل أو حذف المنتجات من خلال لوحة تحكم Headless.
تجربة المستخدم:
تصميم متجاوب يلائم جميع الأجهزة (حاسوب، تابلت، هاتف).
سرعة تحميل عالية وتنقل سلس بين الصفحات.