# ConnectHub - منصة التواصل الاجتماعي المتقدمة

## 🌟 نظرة عامة

ConnectHub هي منصة تواصل اجتماعي حديثة ومبتكرة تجمع بين الأصالة والتقنيات المتطورة لتوفير تجربة تواصل فريدة ومميزة. تم تطويرها باستخدام تقنيات الويب الحديثة مع التركيز على الأمان والخصوصية.

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

### 🎙️ **التعليقات الصوتية المتطورة**
- تسجيل صوتي عالي الجودة مع إلغاء الصدى وتقليل الضوضاء
- واجهة تسجيل تفاعلية مع مؤقت ومؤشرات بصرية
- تشغيل التعليقات الصوتية مع موجات صوتية متحركة
- حد أقصى للتسجيل (60 ثانية) لضمان الجودة

### 👥 **نظام الأصدقاء غير المحدود**
- إمكانية إضافة عدد غير محدود من الأصدقاء
- إحصائيات متقدمة للأصدقاء والروابط المشتركة
- نظام اقتراحات ذكي للأصدقاء الجدد
- إدارة طلبات الصداقة بسهولة

### 🛡️ **فلترة المحتوى الذكية**
- نظام ذكاء اصطناعي لكشف المحتوى غير اللائق
- فلترة متدرجة حسب مستوى الخطورة
- نظام إبلاغ متقدم مع إخفاء تلقائي للمحتوى المخالف
- اقتراحات لتحسين المحتوى

### 🔒 **أمان متقدم**
- تحديد إنشاء حسابين فقط لكل جهاز لمنع التلاعب
- معرف فريد لكل جهاز مع تشفير آمن
- حماية من إنشاء حسابات وهمية متعددة

### 🌍 **دعم متعدد اللغات**
- دعم كامل للغة العربية والإنجليزية
- تبديل اللغة الفوري مع حفظ التفضيلات
- تصميم متجاوب مع اتجاه النص (RTL/LTR)
- ترجمة شاملة لجميع عناصر الواجهة

### 🎨 **تصميم متطور**
- واجهة مستخدم حديثة مع تدرجات لونية جميلة
- رسوم متحركة ناعمة ومؤثرات بصرية
- تصميم متجاوب يعمل على جميع الأجهزة
- دعم الوضع المظلم التلقائي

## 🚀 كيفية التشغيل

### التشغيل المحلي
1. قم بتنزيل جميع الملفات
2. افتح ملف `index.html` في متصفحك
3. ستظهر شاشة تسجيل الدخول
4. يمكنك إنشاء حساب جديد أو تسجيل الدخول

### النشر على GitHub Pages

#### الطريقة الأولى: رفع الملفات مباشرة
1. إنشاء مستودع جديد على GitHub
2. رفع جميع الملفات إلى المستودع
3. اذهب إلى إعدادات المستودع (Settings)
4. في قسم "Pages"، اختر "Deploy from a branch"
5. اختر "main" branch و "/" (root)
6. احفظ الإعدادات
7. ستحصل على رابط التطبيق خلال دقائق

#### الطريقة الثانية: استخدام GitHub Desktop
1. قم بتثبيت GitHub Desktop
2. أنشئ مستودع جديد
3. انسخ الملفات إلى مجلد المستودع
4. قم بعمل commit و push
5. فعّل GitHub Pages من إعدادات المستودع

## 📁 هيكل الملفات

```
ConnectHub/
│
├── index.html          # الصفحة الرئيسية
├── styles.css          # ملف التنسيقات
├── script.js           # المنطق الرئيسي للتطبيق
├── translations.js     # نظام الترجمة
└── README.md          # هذا الملف
```

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

- **HTML5**: هيكل الصفحة مع عناصر حديثة
- **CSS3**: تنسيقات متطورة مع Flexbox و Grid
- **JavaScript ES6+**: منطق التطبيق مع APIs حديثة
- **Web Audio API**: للتعليقات الصوتية
- **MediaRecorder API**: لتسجيل الصوت
- **LocalStorage**: لحفظ البيانات محلياً
- **FontAwesome**: الأيقونات

## 🎯 المتطلبات

- متصفح حديث يدعم:
  - Web Audio API
  - MediaRecorder API
  - LocalStorage
  - CSS Grid & Flexbox
- إذن الوصول للميكروفون (للتعليقات الصوتية)

## 🌐 المتصفحات المدعومة

- ✅ Chrome 66+
- ✅ Firefox 60+
- ✅ Safari 12+
- ✅ Edge 79+
- ❌ Internet Explorer (غير مدعوم)

## 📱 التوافق مع الأجهزة

- 💻 أجهزة الكمبيوتر المكتبية
- 💻 أجهزة الكمبيوتر المحمولة
- 📱 الهواتف الذكية
- 📱 الأجهزة اللوحية

## 🔐 الخصوصية والأمان

- جميع البيانات محفوظة محلياً في المتصفح
- لا يتم إرسال أي بيانات لخوادم خارجية
- التعليقات الصوتية محفوظة في ذاكرة المتصفح
- نظام حماية من الحسابات الوهمية

## 🆕 الميزات القادمة

- [ ] دردشة فورية
- [ ] مشاركة الصور والفيديوهات
- [ ] إشعارات فورية
- [ ] نظام المجموعات
- [ ] قصص قصيرة (Stories)
- [ ] تصدير البيانات

## 🤝 المساهمة

نرحب بالمساهمات! إذا كنت تريد تحسين التطبيق:

1. قم بعمل Fork للمستودع
2. أنشئ فرع جديد للميزة
3. اعمل التحسينات
4. أرسل Pull Request

## 📄 الترخيص

هذا المشروع مرخص تحت رخصة MIT - راجع ملف [LICENSE](LICENSE) لمزيد من التفاصيل.

## 📞 التواصل

- للأسئلة والاستفسارات: [إنشاء issue جديد](../../issues)
- للاقتراحات: [إنشاء feature request](../../issues)

---

**تم تطوير ConnectHub بـ ❤️ لتوفير تجربة تواصل اجتماعي آمنة ومميزة**