تطبيق للمحادثة (Chat Web App)

قمت بتطوير تطبيق محادثات حديث (Real-time Chat Application) باستخدام MERN Stack (MongoDB, Express.js, React, Node.js) مع دعم كامل للمراسلة الفورية سواء بشكل فردي أو داخل مجموعات.

* المميزات الأساسية:

مراسلة فورية باستخدام Socket.IO لضمان وصول الرسائل في الوقت الحقيقي.

تسجيل حساب وتسجيل دخول آمن باستخدام JWT وملفات تعريف ارتباط (HTTP-only Cookies).

محادثات فردية (Direct Messaging) بين المستخدمين.

محادثات جماعية مع إمكانية إنشاء المجموعات والتحكم في الأعضاء.

مشاركة الصور والملفات عبر Cloudinary.

عرض حالة المستخدم (Online/Offline) في الوقت الفعلي.

تصميم متجاوب وحديث يعمل بسلاسة على الحاسوب والموبايل.

* مميزات المحادثات الجماعية:

إنشاء مجموعات بأسماء مخصصة.

إضافة/إزالة الأعضاء من قبل الأدمن.

صلاحيات خاصة لمدير المجموعة (Admin Controls).

حذف المجموعة تلقائيًا عند مغادرة الأدمن.

* تجربة المستخدم:

واجهة حديثة باستخدام React + DaisyUI + Tailwind CSS.

دعم تعدد الثيمات (Themes).

تنبيهات وإشعارات لحظية لنجاح/فشل العمليات.

تحديثات مباشرة لحالة الرسائل والمستخدمين.

* التقنيات المستخدمة:

الواجهة الأمامية (Frontend): React 19, Vite, Zustand, Axios, React Router, Socket.IO Client.

الخلفية (Backend): Node.js, Express.js, MongoDB (Mongoose), Socket.IO.

التخزين والأمان: Cloudinary (رفع الصور)، bcryptjs (تشفير كلمات المرور)، JWT Authentication، CORS Protection.