قمت ببناء تطبيق دردشة فورية (Real-time Chat Application) من الصفر باستخدام React.js مع التركيز على الأداء العالي، التصميم المتجاوب، وتجربة استخدام تفاعلية شبيهة بتطبيقات التواصل الحديثة.
يدعم التطبيق المحادثات الفردية والجماعية، إرسال الصور والرسائل الصوتية، التفاعل مع الرسائل، وإدارة الملف الشخصي، مع دعم كامل لتعدد اللغات.
أبرز المميزات:
مراسلة فورية باستخدام Pusher مع حالات الإرسال (تم الإرسال – تم التسليم – تم القراءة) وعرض حالة “جاري الكتابة”.
إرسال الصور مع معاينة قبل الإرسال.
تسجيل وتشغيل الرسائل الصوتية داخل التطبيق.
التفاعل مع الرسائل (Reactions) وعرض عددها أسفل كل رسالة.
إدارة الملف الشخصي (الصورة، الاسم، Bio) مع تأثيرات بصرية سلسة.
دعم العربية والإنجليزية باستخدام i18n مع تغيير فوري للغة.
واجهة متجاوبة تعمل على الهاتف، التابلت، والكمبيوتر.
إشعارات Toast لتأكيد العمليات.
ثيم فاتح وداكن مع حفظ تفضيل المستخدم.
هيكلة كود نظيفة باستخدام Custom Hooks لسهولة التوسعة والصيانة.
تطبيق قابل للتطوير يركز على تجربة المستخدم، السرعة، والتنظيم البرمجي الاحترافي.