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

📄 الترخيص

📞 التواصل

• للأسئلة والاستفسارات: إنشاء issue جديد
• للاقتراحات: إنشاء feature request