مصنع الملابس - Clothing Factory Website

# مصنع الملابس - Clothing Factory Website

موقع ويب تجاري احترافي متكامل لمصنع ملابس يعمل في تصنيع الملابس الجاهزة والتفصيل حسب الطلب (B2B + B2C).

## المميزات الرئيسية

### للواجهة (Front-End)

- ? الصفحة الرئيسية - عرض احترافي للمصنع والمنتجات

- ? صفحة المنتجات - نظام فلترة متقدم

- ? صفحة طلب تصنيع خاص (Private Label)

- ? صفحة من نحن - قصة المصنع والفريق

- ? المدونة - مقالات عن الموضة والأقمشة

- ? صفحة خدمة العملاء - نموذج تواصل ودردشة

- ? حساب المستخدم - طلباتي وتتبعي

### للوحة التحكم (Admin Panel)

- ? لوحة تحكم متكاملة مع إحصائيات

- ? إدارة المستخدمين والصلاحيات

- ? إدارة المخزون والمستودعات

- ? إدارة المبيعات والفواتير

- ? إدارة الإنتاج ومراحله

- ? خدمة العملاء والتذاكر

### للأنظمة الداخلية

- ? نظام إدارة الطلبات (OMS)

- ? نظام إدارة المخزون (IMS)

- ? نظام إدارة علاقات العملاء (CRM)

- ? نظام تتبع الإنتاج

- ? نظام الفواتير الإلكتروني

- ? نظام تتبع الشحن

- ? إشعارات SMS + Email + WhatsApp

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

### Front-End

- **Framework:** Next.js 14 (App Router)

- **Language:** TypeScript

- **Styling:** Tailwind CSS

- **State Management:** Zustand

- **Animations:** Framer Motion

- **Icons:** Lucide React

- **Forms:** React Hook Form + Zod

### Back-End

- **Framework:** Next.js API Routes

- **Database:** PostgreSQL

- **ORM:** Prisma

- **Authentication:** NextAuth.js

- **Validation:** Zod

### البنية التحتية

- **Hosting:** Vercel / AWS

- **Database:** PostgreSQL (Supabase / Neon)

- **Storage:** Cloudinary / AWS S3

- **Payment:** Stripe / PayPal

- **Email:** Nodemailer

- **SMS:** Twilio

- **WhatsApp:** WhatsApp Business API

## هيكل المشروع

```

src/

├── app/ # Next.js App Router

│ ├── (shop)/ # متجر التجزئة

│ │ ├── page.tsx # الصفحة الرئيسية

│ │ ├── products/ # صفحة المنتجات

│ │ ├── custom-order/ # طلب تصنيع خاص

│ │ ├── about/ # من نحن

│ │ ├── blog/ # المدونة

│ │ └── contact/ # تواصل معنا

│ ├── (user)/ # حسابات المستخدمين

│ │ ├── login/ # تسجيل الدخول

│ │ ├── register/ # التسجيل

│ │ └── dashboard/ # لوحة التحكم

│ ├── (admin)/ # لوحة التحكم

│ │ ├── dashboard/ # لوحة التحكم الرئيسية

│ │ ├── products/ # إدارة المنتجات

│ │ ├── orders/ # إدارة الطلبات

│ │ ├── inventory/ # إدارة المخزون

│ │ └── reports/ # التقارير

│ └── api/ # API Routes

├── components/

│ ├── ui/ # مكونات UI أساسية

│ ├── shop/ # مكونات المتجر

│ ├── admin/ # مكونات لوحة التحكم

│ └── shared/ # مكونات مشتركة

├── lib/

│ ├── prisma.ts # Prisma Client

│ ├── auth.ts # إعدادات المصادقة

│ └── utils.ts # دوال مساعدة

├── store/

│ ├── cart.ts # حالة سلة المشتريات

│ ├── auth.ts # حالة المصادقة

│ └── ui.ts # حالة واجهة المستخدم

├── types/

│ └── index.ts # أنواع TypeScript

├── config/

│ └── site.ts # إعدادات الموقع

└── styles/

└── globals.css # الأنماط العالمية

```