Souhil Parfum - متجر العطور الفاخرة
تفاصيل العمل
متجر إلكتروني متكامل متخصص في بيع العطور العربية الفاخرة، يتميز بتصميم عصري وأنيق مستوحى من الفخامة الشرقية مع تجربة مستخدم سلسة ومتوافقة مع جميع الأجهزة. يوفر الموقع واجهة عربية كاملة مع دعم الوضع الليلي والنهاري، ولوحة تحكم إدارية متكاملة.
المميزات الرئيسية
واجهة المتجر:
تصميم متجاوب بالكامل يعمل على الهواتف، الأجهزة اللوحية، والحواسيب
نظام تصنيفات ذكي للمنتجات (عطور رجالية، نسائية، مسك، عطور فاخرة)
نظام أحجام متعددة لكل منتج مع أسعار مختلفة لكل حجم
سلة مشتريات تفاعلية مع إمكانية تعديل الكميات
قائمة مفضلات شخصية
نظام عروض وخصومات
صفحات منتجات مميزة والأكثر مبيعا
لوحة التحكم الإدارية:
إدارة كاملة للمنتجات (إضافة، تعديل، حذف)
رفع الصور مباشرة للتخزين السحابي
إدارة الطلبات مع تتبع الحالة في الوقت الفعلي
إحصائيات ومؤشرات الأداء
تصميم متجاوب مع الهاتف
المميزات التقنية:
تحديثات لحظية للبيانات باستخدام Supabase Realtime
رسوم متحركة سلسة عند التمرير باستخدام GSAP
خلفية تفاعلية متحركة مع تأثيرات بصرية
تحسين محركات البحث SEO
أداء عالي مع تحميل سريع
التقنيات المستخدمة
الواجهة الأمامية:
React 18 مع TypeScript
Vite كأداة بناء وتطوير
Tailwind CSS للتنسيق
shadcn/ui لمكتبة المكونات
React Router للتنقل بين الصفحات
React Context API لإدارة الحالة
الرسوم المتحركة:
GSAP مع ScrollTrigger
Canvas API للخلفيات التفاعلية
CSS Animations
الخلفية وقاعدة البيانات:
Supabase كخدمة Backend-as-a-Service
PostgreSQL لقاعدة البيانات
Supabase Storage لتخزين الصور
Supabase Realtime للتحديثات اللحظية
النشر والاستضافة:
Vercel للاستضافة والنشر التلقائي
GitHub لإدارة الكود المصدري
المهارات المطبقة
تطوير تطبيقات الويب الحديثة باستخدام React
كتابة كود TypeScript نظيف وقابل للصيانة
تصميم واجهات مستخدم متجاوبة ومتوافقة مع جميع الأجهزة
تكامل مع خدمات Backend السحابية
تنفيذ رسوم متحركة معقدة وتفاعلية
تحسين الأداء وتجربة المستخدم
إدارة الحالة في تطبيقات React
التعامل مع قواعد البيانات العلائقية
تطبيق مبادئ التصميم الحديث وتجربة المستخدم UX/UI
دعم اللغة العربية واتجاه RTL
الروابط
الموقع المباشر: [https://oud-rose-boutique...]