I need Guide & Help for Chat App

Prem_Gupta · June 21, 2025, 9:43am

I am trying to read various post related to build chat app and understand the pattern, how to build it.

Now i am one step ahead in my chat app project where i can show chat in app. for this i am using this ChatUI extension by @White_Tiger , in block use see ChatUIv5 which is basically this extension only i rebuild using fast-cli by @JEWEL , because it is open source so i can build own version (i only change seen tick pattern, all function/events/properties remain same.) so ChatUI & ChatUIv5 is same extension.

Edit (only this line): Now ChatUIv5 publish as final ChatKaroUI Advance Extension

Further, for chat use online database to update real time chat, i am using firebase for now. i take this concept from this post aia by @Kevinkun .
Finally i show the chat but main problem is to adjust the chat in firebase (for now i am using Realtime database & i also want to learn firestore database from this extension post by @Jarlissonlira2 ).
i don't know, which is best for chat app ( Firebase Realtime database or Firestore database ) where may be thousands (1k+) of user use chat of their query & questions / answer.
The problem is at time to store data in firebase, i dont know how to set like the below screenshot & json (this firebase db structure is generated by ChatGPT) and ignore timestamp value because i convert it during sending to databse by block (like this 1729145800000 to 6:16:40 AM).

JSON Structure 👇

{
  "chats": {
    "general": {
      "msg001": {
        "id": "msg001",
        "senderId": "uid100",
        "type": "text",
        "text": "Hello everyone!",
        "timestamp": 1729145600000
      },
      "msg002": {
        "id": "msg002",
        "senderId": "uidAdmin100",
        "type": "text",
        "text": "Admin message",
        "timestamp": 1729145800000
      }
    }
  },
  "users": {
    "uid100": {
      "avatarUrl": "https://png.pngtree.com/png-vector/20230308/ourmid/pngtree-cute-girl-avatar-illustration-vector-png-image_6639400.png",
      "branch": "CSE",
      "email": "alice@college.edu",
      "name": "Alice",
      "role": "user",
      "gender": "Female"
    },
    "uid101": {
      "avatarUrl": "https://png.pngtree.com/png-vector/20230308/ourmid/pngtree-cute-girl-avatar-illustration-vector-png-image_6639400.png",
      "branch": "CSE",
      "email": "alice@college.edu",
      "name": "Prem",
      "role": "user",
      "gender": "Male"
    },
    "uidAdmin100": {
      "avatarUrl": "https://img.freepik.com/premium-vector/cute-smiling-boy-avatar-flat-style-vector-illustration_710508-1241.jpg",
      "branch": "Admin",
      "email": "admin1@college.edu",
      "name": "Admin1",
      "role": "admin",
      "gender": "Male"
    }
  }
}

Firebase real-time Database Structure screenshot 👇