الدردشة الذكية

تطبيق دردشة ذكية باللغة العربية مع دعم كامل للكتابة من اليمين إلى اليسار.

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

• أداة البناء: Vite 7.2.2 (تحديث فوري، بناء محسن)
• لغة البرمجة: TypeScript (جافا سكريبت بأنواع)
• التنسيق: PostCSS (autoprefixer + cssnano)
• الخادم: Vercel Serverless Functions
• الذكاء الاصطناعي: OpenAI GPT-4o-mini

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

├── src/
│   ├── index.html          # الملف الرئيسي
│   ├── styles/
│   │   └── main.css        # التنسيقات
│   └── scripts/
│       └── main.ts         # الكود البرمجي
├── api/
│   └── chat.js             # خادم Vercel
├── dist/                   # مجلد البناء
├── vite.config.js         # إعدادات Vite
├── tsconfig.json          # إعدادات TypeScript
├── postcss.config.js      # إعدادات PostCSS
└── package.json           # المكتبات والأوامر

🛠️ التطوير

# تثبيت المكتبات
npm install

# تشغيل خادم التطوير
npm run dev

# بناء للإنتاج
npm run build

# معاينة نسخة الإنتاج
npm run preview

# فحص الأنواع
npm run type-check

✨ المميزات

• ✅ دعم كامل للغة العربية والكتابة من اليمين لليسار
• ✅ الوضع الداكن (حسب إعدادات النظام)
• ✅ حفظ المحادثات (التخزين المحلي)
• ✅ عرض الردود بشكل متدفق
• ✅ دعم صيغة Markdown
• ✅ متجاوب مع جميع الشاشات
• ✅ اختصارات لوحة المفاتيح
• ✅ واجهة زجاجية جذابة
• ✅ حركات سلسة

🌐 النشر

يتم النشر تلقائياً على Vercel:

# النشر اليدوي
vercel --prod

المتغيرات البيئية

يجب تعيينها في لوحة تحكم Vercel:

• OPENAI_API_KEY - مفتاح API من OpenAI

📊 الأداء

• حجم الحزمة: ~6KB (مضغوط)
• خادم التطوير: تحديث فوري (<50ms)
• زمن البناء: ~2-3 ثواني
• نتيجة Lighthouse: +95 (جميع الفئات)

🔧 تحسينات البناء

• إزالة الكود غير المستخدم
• ضغط CSS
• دعم جميع المتصفحات
• ضغط JavaScript
• تقسيم الكود

📝 الترخيص

ISC

---

تم بناؤه بكل 💚 باستخدام تقنيات الويب الحديثة