ConnectHub - منصة التواصل الاجتماعي المتقدمة
🌟 نظرة عامة
ConnectHub هي منصة تواصل اجتماعي حديثة ومبتكرة تجمع بين الأصالة والتقنيات المتطورة لتوفير تجربة تواصل فريدة ومميزة. تم تطويرها باستخدام تقنيات الويب الحديثة مع التركيز على الأمان والخصوصية.
✨ الميزات الرئيسية
🎙️ التعليقات الصوتية المتطورة
- تسجيل صوتي عالي الجودة مع إلغاء الصدى وتقليل الضوضاء
- واجهة تسجيل تفاعلية مع مؤقت ومؤشرات بصرية
- تشغيل التعليقات الصوتية مع موجات صوتية متحركة
- حد أقصى للتسجيل (60 ثانية) لضمان الجودة
👥 نظام الأصدقاء غير المحدود
- إمكانية إضافة عدد غير محدود من الأصدقاء
- إحصائيات متقدمة للأصدقاء والروابط المشتركة
- نظام اقتراحات ذكي للأصدقاء الجدد
- إدارة طلبات الصداقة بسهولة
🛡️ فلترة المحتوى الذكية
- نظام ذكاء اصطناعي لكشف المحتوى غير اللائق
- فلترة متدرجة حسب مستوى الخطورة
- نظام إبلاغ متقدم مع إخفاء تلقائي للمحتوى المخالف
- اقتراحات لتحسين المحتوى
🔒 أمان متقدم
- تحديد إنشاء حسابين فقط لكل جهاز لمنع التلاعب
- معرف فريد لكل جهاز مع تشفير آمن
- حماية من إنشاء حسابات وهمية متعددة
🌍 دعم متعدد اللغات
- دعم كامل للغة العربية والإنجليزية
- تبديل اللغة الفوري مع حفظ التفضيلات
- تصميم متجاوب مع اتجاه النص (RTL/LTR)
- ترجمة شاملة لجميع عناصر الواجهة
🎨 تصميم متطور
- واجهة مستخدم حديثة مع تدرجات لونية جميلة
- رسوم متحركة ناعمة ومؤثرات بصرية
- تصميم متجاوب يعمل على جميع الأجهزة
- دعم الوضع المظلم التلقائي
🚀 كيفية التشغيل
التشغيل المحلي
- قم بتنزيل جميع الملفات
- افتح ملف
index.htmlفي متصفحك - ستظهر شاشة تسجيل الدخول
- يمكنك إنشاء حساب جديد أو تسجيل الدخول
النشر على GitHub Pages
الطريقة الأولى: رفع الملفات مباشرة
- إنشاء مستودع جديد على GitHub
- رفع جميع الملفات إلى المستودع
- اذهب إلى إعدادات المستودع (Settings)
- في قسم "Pages"، اختر "Deploy from a branch"
- اختر "main" branch و "/" (root)
- احفظ الإعدادات
- ستحصل على رابط التطبيق خلال دقائق
الطريقة الثانية: استخدام GitHub Desktop
- قم بتثبيت GitHub Desktop
- أنشئ مستودع جديد
- انسخ الملفات إلى مجلد المستودع
- قم بعمل commit و push
- فعّل 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)
- تصدير البيانات
🤝 المساهمة
نرحب بالمساهمات! إذا كنت تريد تحسين التطبيق:
- قم بعمل Fork للمستودع
- أنشئ فرع جديد للميزة
- اعمل التحسينات
- أرسل Pull Request
📄 الترخيص
هذا المشروع مرخص تحت رخصة MIT - راجع ملف LICENSE لمزيد من التفاصيل.
📞 التواصل
- للأسئلة والاستفسارات: إنشاء issue جديد
- للاقتراحات: إنشاء feature request
تم تطوير ConnectHub بـ ❤️ لتوفير تجربة تواصل اجتماعي آمنة ومميزة