متجر إلكتروني كامل — E-Commerce Website

متجر إلكتروني احترافي تمّ بناؤه باستخدام تقنيات حديثة (React + Next.js) مع تصميم متجاوب وميزات تسوق كاملة — صفحات منتجات، سلة مشتريات، صفحة دفع، وإدارة بسيطة للبيانات. تمّ نشر الموقع على Vercel وجاهز للعرض والاختبار.

نظرة عامة:

هذا مشروع متجر إلكتروني تم تصميمه وتطويره ليقدّم تجربة مستخدم سلسة وحديثة للبيع عبر الإنترنت. واجهة مستخدم متجاوبة تعمل على أجهزة الكمبيوتر والتابلت والهواتف، مع تدفقات مستخدم واضحة من مشاهدة المنتجات إلى إتمام الطلب.

الميزات الأساسية:

صفحة رئيسية تعرض منتجات مميّزة وعروض.

صفحة قائمة المنتجات مع فلترة/فرز (اسم/سعر/فئة) — إن وُجدت.

صفحة تفاصيل المنتج (صور، وصف، مواصفات، تقييم).

سلة مشتريات (إضافة/حذف/تعديل الكمية).

صفحة إتمام الطلب (Checkout) — نموذج بيانات العميل ومُلخّص الطلب.

تصميم متجاوب يعمل على الشاشات المختلفة.

تجربة مستخدم سلسة مع تنقل واضح وزرود CTA بارزة.

نشر على Vercel للعرض العام (CI/CD بسيط).

التقنيات واللغات المستخدمة:

لغات: HTML5, CSS3, JavaScript (ES6+).

إطار العمل / المكتبات: React, Next.js (للـ SSR/SSG وتسهيل التوجيه)، (اختياري: React Context أو Redux لإدارة الحالة إن استُخدم).

تصميم وواجهات: CSS (أو استخدام Tailwind CSS / SCSS إذا استُخدم)، مكونات قابلة لإعادة الاستخدام.

أدوات بناء ونشر: Vercel للنشر والاستضافة، npm أو yarn لإدارة الحزم.

إضافات محتملة: مكتبات لإدارة النماذج (مثلاً react-hook-form)، لإظهار الإشعارات (مثلاً react-toastify)، ولعرض الصور (next/image).

بيئة بيانات: يمكن ربطه بواجهة API خارجية أو ملف JSON ثابت/Mock data لتخزين المنتجات وبيانات السلة أثناء العرض التجريبي.