مشروع تطبيقي — بناء تطبيق دردشة فورية بـ Firebase

// البنية الكاملة

┌─────────────────────────────────────────┐
│           المستخدم (المتصفح)            │
└─────────────────────────────────────────┘
                    │
       ┌────────────┼────────────┐
       ▼            ▼            ▼
   ┌────────┐  ┌─────────┐  ┌─────────┐
   │  Auth  │  │Firestore│  │ FCM     │
   │        │  │         │  │ (إشعارات)│
   └────────┘  └─────────┘  └─────────┘
       │            │            │
       ▼            ▼            ▼
   ┌──────────────────────────────────┐
   │        Firebase Backend           │
   └──────────────────────────────────┘

// 1. المرسل يُرسل رسالة
await addDoc(collection(db, 'messages'), {
  content: 'مرحباً!',
  senderId: 'user-1',
  roomId: 'room-1',
  createdAt: serverTimestamp()
});

// 2. Firestore يُحدّث المستند فوراً
// 3. onSnapshot يلتقط التغيير في كل متصفح مفتوح
onSnapshot(query(collection(db, 'messages'), orderBy('createdAt')), (snap) => {
  // كل المستخدمين المفتوحين يستقبلون الرسالة فوراً
});

// التأخير: عادة < 200ms

// 4. (اختياري) Cloud Function يُرسل FCM
// للمستخدمين الذين أغلقوا المتصفح