دردشة عبر الإنترنت باستخدام React و Firebase

يتميز موقع الدردشة عبر الإنترنت الخاص بنا بصفحة تتضمن خياري التسجيل وتسجيل الدخول. أثناء التسجيل، يُطلب من المستخدمين إدخال اسمهم وعنوان بريدهم الإلكتروني وكلمة المرور، بالإضافة إلى تحميل صورة للملف الشخصي. بعد التسجيل، يقوم النظام بالتحقق من التفاصيل وإرسالها إلى Firebase، ثم يتم عرض رسالة تأكيد تفيد بنجاح التسجيل.

بعد ذلك، يمكن للمستخدمين تسجيل الدخول عن طريق إدخال بريدهم الإلكتروني وكلمة المرور. بمجرد تسجيل الدخول، يتم توجيههم إلى صفحة يمكنهم من خلالها البحث عن أصدقاء وإضافتهم إلى جهات الاتصال. سيتم عرض المعلومات الأساسية مثل اسم وصورة الملف الشخصي للأصدقاء المضافين. كما يمكن للمستخدمين البحث في قائمة أصدقائهم. عندما يرسل صديق رسالة، سيتغير لون خلفية اسمه، وسينتقل إلى أعلى القائمة. عند فتح الرسالة وقراءتها، سيعود اللون إلى حالته الأصلية.

يمكن للمستخدمين تحديد الصديق الذي يريدون الدردشة معه وإرسال واستقبال الرسائل النصية والرموز التعبيرية والصور. هناك أيضًا خيار لحظر المستخدمين. في حالة الحظر، لن يتمكن المستخدم المحظور من إرسال الرسائل، وسيتم عرض إشعار يُعلمه بأنه قد تم حظره. كما ستختفي معلوماته الأساسية، مثل الاسم وصورة الملف الشخصي.

لإعادة الدردشة مع مستخدم محظور، يمكنك إلغاء الحظر بالنقر على زر "إلغاء الحظر". أخيرًا، يوجد زر لتسجيل الخروج. عند تسجيل الخروج، يمكنك العودة إلى الموقع لاحقًا لتسجيل الدخول مرة أخرى أو إنشاء حساب جديد. وإذا لم تقم بتسجيل الخروج، فسيتم إعادة توجيهك تلقائيًا إلى حسابك وقائمة أصدقائك عند زيارة الموقع مجددًا لمتابعة محادثاتك.