صفحة هبوط ديناميكية لعرض منتجات متعددة بتجربة مستخدم احترافية

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

إمكانية إضافة عدد لا نهائي من المنتجات.

لكل منتج صفحة مخصصة تحتوي على تفاصيله الكاملة، بما في ذلك:

صور عالية الجودة.

فيديو تعريفي خاص بالمنتج.

قسم مخصص للمميزات.

تقييمات العملاء.

الأسئلة الشائعة.

دعم المنتجات بخصائص متغيرة مثل الألوان والمقاسات.

ربط كل تركيبة (لون + مقاس) بمخزون منفصل، على سبيل المثال:

منتج X – أحمر – مقاس كبير: متوفر بعدد 30.

منتج Y – أخضر – مقاس متوسط: متوفر بعدد 50.
مع ادارة تلقائية للمخزون بمعني ان العميل لا يستطيع طلب عدد اكبر من المخزون
مع عمل تحديث تلقائي لاعداد النتج عند اجراء طلب او شراء

عرض صورة مخصصة لكل لون عند اختياره بشكل مباشر.

إدارة دقيقة للمخزون لكل منتج ومتغيراته.

لوحة تحكم احترافية لإدارة الطلبات الواردة من العملاء، حيث يمكن من خلالها:

عرض جميع الطلبات.

تغيير حالة الطلب يدويًا (قيد التأكيد – قيد التسليم – تم التسليم – تم الإلغاء).

تعديل بيانات الطلب عند الحاجة.

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

React + TypeScript (TSX)

Tailwind CSS

Firebase Store

Python Scripting

مدة التنفيذ: 6 أيام
روابط المعاينة:

صور من داخل المشروع:
https://suar.me/VzPB0

رابط المعاينة المباشرة:
https://free-souq.vercel.app/products/1
(يمكن تغيير الرقم في الرابط حتى 7 لاستعراض بقية المنتجات)

يسعدني تلقي آرائكم وتقييماتكم حول هذا العمل.