chatty real time

ChatFlow - تطبيق دردشة فوري متكامل مشروع ChatFlow هو تطبيق ويب تفاعلي متكامل (Full-Stack) يُمكّن المستخدمين من إجراء محادثات فورية (فردية وجماعية) بسهولة وسلاسة، ويستند على أحدث تقنيات تطوير الويب. في الوجهة الأمامية (Front-end): تم استخدام React (إصدار حديث) مع أداة بناء سريعة Vite، مما يوفر أداءً عاليًا في التطوير والتشغيل. التصميم مبنٍ على Tailwind CSS مع مكتبة المكونات DaisyUI، لضمان واجهة أنيقة، متجاوبة، وقابلة للتخصيص. تشمل المزايا: دعم الوضع الليلي/الفاتح، شاشة جذابة، إشعارات فورية، مؤشر الكتابة، وحالة التواجد للمستخدم (أونلاين). في جهة الخادم (Back-end): مبني باستخدام Node.js مع إطار العمل Express، يتكامل مع قاعدة بيانات MongoDB عبر Mongoose. الأمان مضمون من خلال آليات قوية مثل: JWT للمصادقة، تشفير كلمات المرور بـ bcryptjs، وحماية التبادلات عبر إعدادات CORS مدروسة. يدعم تحميل الصور باستخدام خدمة Cloudinary، ويعالج الرسائل النصية والصوتية. الخصائص الرئيسية: مراسلة فورية: الرسائل تُرسل وتُستقبل في الوقت الحقيقي عبر Socket.IO، مع ميزة حفظ التاريخ والبحث به. إدارة اجتماعية: إرسال طلب صداقـة، قبول/رفض، حظر، إنشاء مجموعات، دعوات، وإدارة أعضاء. أنواع متعددة للرسائل: نص – صور – تسجيلات صوتية، مع حالة الرسائل (مرسلة، مستلمة، مقروءة). تنقل سلس عبر واجهة مستخدم جذابة، متضمنة تغيّر الثيم وبساطة الاستخدام. بنية المشروع واضحة ومنظمة: مجلد frontend/ يحتوي على مكونات React، صفحات، إدارة الحالة (مثل Zustand)، وملفات عامة. مجلد backend/ يحتوي على وحدات التحكم (Controllers)، النماذج (Models)، المسارات (Routes)، والبرمجيات الوسيطة (Middlewares). إعداد سريع وتشغيل: استنساخ المشروع. تثبيت الحزم لكل من المجلدات: الجذر، frontend، وbackend. إعداد ملف .env بخيارات مثل: إعدادات MongoDB، مفتاح JWT، إعدادات Cloudinary، رابط الواجهة الأمامية. تشغيل بيئة التطوير أو الإنتاج بسهولة عبر سكربتات محددة (npm run dev، npm start، وهكذا). الهدف من المشروع: يوفر حلًا شاملًا لإنشاء تطبيق دردشة متكامل، يجمع بين الأمان، الأداء، والتفاعلية، مع تصميم واجهة جذاب ودعم لميزات واضحة كالتسجيل والصداقة والمجموعات.