AI Outfit Recommendation Platform
تفاصيل العمل
# 👗 منصة توصيات الأزياء بالذكاء الاصطناعي
## نبذة عن المشروع
منصة متكاملة للتجارة الإلكترونية تعتمد على الذكاء الاصطناعي، تهدف إلى تقديم تجربة تسوق ذكية وشخصية للعملاء، مع توفير لوحة تحكم متكاملة لأصحاب المتاجر لإدارة المنتجات والطلبات والمتجر بسهولة.
تعتمد المنصة على تحليل صور المستخدم باستخدام تقنيات الذكاء الاصطناعي، ثم اقتراح إطلالات متناسقة ومنتجات مناسبة لذوقه، مما يجعل عملية التسوق أكثر تفاعلية ويزيد من فرص اكتشاف المنتجات المناسبة.
---
## فكرة المشروع
جاءت فكرة المشروع لمعالجة أحد أبرز التحديات في متاجر الأزياء الإلكترونية، حيث يجد العملاء صعوبة في اختيار الملابس المناسبة أو تنسيقها معًا، بينما تحتاج المتاجر إلى وسائل أكثر ذكاءً لتقديم توصيات مخصصة لكل مستخدم.
لذلك تم تطوير منصة تجمع بين تقنيات الذكاء الاصطناعي والتجارة الإلكترونية لتقديم تجربة تسوق أكثر ذكاءً وسهولة.
---
## المميزات الرئيسية
### 🤖 توصيات أزياء بالذكاء الاصطناعي
* رفع صورة المستخدم لتحليل أسلوبه في اللباس.
* إنشاء ملف شخصي للستايل باستخدام الذكاء الاصطناعي.
* اقتراح إطلالات مناسبة حسب النمط الشخصي.
* مطابقة المنتجات مع تفضيلات المستخدم.
* إنشاء تنسيقات ملابس متكاملة تلقائيًا.
### 👗 تجربة القياس الافتراضي (Virtual Try-On)
* تجربة الإطلالات المختارة باستخدام الذكاء الاصطناعي.
* معاينة شكل الملابس قبل الشراء.
* تحسين تجربة المستخدم وزيادة الثقة في قرار الشراء.
### 🛍️ تجربة العميل
* تصفح المتاجر والمنتجات.
* استعراض التصنيفات المختلفة.
* الحصول على توصيات مخصصة.
* إضافة المنتجات إلى سلة التسوق.
* إتمام عملية الشراء وإرسال الطلبات.
### 🏪 لوحة تحكم صاحب المتجر
* إنشاء وإدارة المتجر.
* إدارة المنتجات والتصنيفات.
* متابعة الطلبات.
* تخصيص بيانات المتجر.
* لوحة إحصائيات لمتابعة أداء المتجر.
### 🔐 نظام تسجيل الدخول والصلاحيات
* نظام صلاحيات حسب نوع المستخدم.
* واجهات مختلفة للعملاء وأصحاب المتاجر.
* حماية الصفحات وإدارة الجلسات.
* مصادقة آمنة للمستخدمين.
---
## التقنيات المستخدمة
### Frontend
* Next.js 16
* React 19
* TypeScript
* Tailwind CSS
* Framer Motion
### إدارة الحالة
* TanStack React Query
* Zustand
* React Hook Form
* Zod
### Backend وقاعدة البيانات
* Next.js Route Handlers
* Supabase
* PostgreSQL
### الذكاء الاصطناعي
* Google Gemini API
* Hugging Face Inference API
### خدمات إضافية
* Supabase Storage
* Resend Email Service
* Lucide React
---
## أبرز ما تم تنفيذه
* تصميم وبناء واجهات المستخدم بالكامل.
* تطوير هيكلية Full Stack باستخدام Next.js.
* دمج خدمات الذكاء الاصطناعي لتحليل الصور واقتراح الإطلالات.
* بناء نظام توصيات يعتمد على تحليل الصور ومطابقة المنتجات.
* تطوير نظام تجربة الملابس الافتراضية.
* إنشاء لوحة تحكم متكاملة لإدارة المتاجر.
* تطوير نظام إدارة المنتجات والطلبات.
* تنفيذ نظام تسجيل دخول وصلاحيات للمستخدمين.
* إدارة حالة التطبيق باستخدام React Query وZustand.
* رفع الصور وتخزينها عبر Supabase Storage.
---
## أبرز التحديات
### بناء نظام توصيات ذكي
تم تصميم مسار عمل متكامل يبدأ بتحليل صورة المستخدم، ثم استخراج نمط الملابس، ومطابقة المنتجات، وأخيرًا إنشاء إطلالات مناسبة بشكل تلقائي.
### إدارة حالة التطبيق
تم الفصل بين بيانات الخادم باستخدام React Query والبيانات المحلية باستخدام Zustand، مما ساعد على تحسين الأداء وسهولة صيانة المشروع.
### دعم نوعين مختلفين من المستخدمين
تم تطوير واجهات وتجارب استخدام مستقلة لكل من العملاء وأصحاب المتاجر مع نظام صلاحيات متكامل.
### معالجة الصور
تم ضغط الصور قبل رفعها وتحسين عملية التخزين باستخدام Supabase Storage لتقليل حجم الملفات وتحسين سرعة التطبيق.
---
## دوري في المشروع
ساهمت في تطوير المشروع بشكل كامل، بما يشمل:
* تصميم وبناء واجهات المستخدم.
* تطوير بنية التطبيق Full Stack.
* دمج خدمات الذكاء الاصطناعي.
* بناء نظام التوصيات.
* تطوير لوحة تحكم المتجر.
* إنشاء نظام المصادقة والصلاحيات.
* تطوير تدفقات التجارة الإلكترونية.
* إدارة حالة التطبيق وتنظيم هيكلية المشروع.
---
## النتيجة
يوفر المشروع تجربة تسوق حديثة تعتمد على الذكاء الاصطناعي، حيث يساعد المستخدمين على اكتشاف إطلالات مناسبة لهم بطريقة ذكية، ويمنح أصحاب المتاجر أدوات احترافية لإدارة متاجرهم وتحسين تجربة العملاء، مع بنية تقنية حديثة قابلة للتطوير والتوسع.