Firestore Megachat - Let's Build a Chat App
Why Stack Overflow recommends it
Stack Overflow users link it when someone asks how to build or structure a chat feature on Firebase and Firestore, especially with Angular.
Recommended by 2 people across 2 different months, 2019 to 2020.
What it is
A Fireship tutorial that walks through building a group chat app on Cloud Firestore with Angular, ending in a live demo called Megachat. It is a short, code-along lesson tied to a longer written version on AngularFirebase.
What people said
Recommends Patricio · 2019-10 · Stack Overflow · on “I want to integrate a chat window/option into my web app. Where do I start?”
First thing first. I'm glad you are leaving JSP that thing sucks. Now, Welcome to the Angular world! If you aren't very good at the backend you should take a look to firebase. That way you won't have to set up a sockets.io. Firebase is already a real time database. Right here you can learn how to build a chat using firebase and angular. [this video] here's my code as well [LINK] LIVE demo: [LINK]
Recommends gso_gabriel · 2020-03 · Stack Overflow · on “create private chat & group chat on different condition using firebase firestore in android”
There are many ways on how to achieve the Chat application. It will depend on how you want or prefer to develop your database and application in general. Considering that, I would recommend you take a look at the below articles, for more information and steps on how to achieve that. These first 3 are more related to your private chat application part, that I think should help you. [Make-A] Simple Chat Application using Cloud Firestore Part 1 – Introduction [LINK] Firestore Megachat - Let's Build a Chat App [this video] How to structure Firestore database in chat app? [LINK] This last one, I would recommend you take a look, as it provides more information regarding creating a Group Chat applicatio
Cites Constantin Beer · 2019-03 · Stack Overflow · on “Can I implement chat functionality via Firebase Cloud Functions?”
I'm trying to realize a chat functionality by using Angular for the frontend and Cloud Functions with Cloud Firestore for the backend. Frontend and Firestore only communicates through Cloud Functions. A question by the way, is that a good approach? My problem right know is to make it possible that my frontend updates in realtime, if one of the chatrooms my user is in receives a new message. A chatroom is limited for two users, but a user can have many chatrooms with other users. My code: Cloud Functions: chatroomsEndpoint.js: const chatroomsCollection = db.collection("chatrooms"); exports.getAllChatroomsByUserId = async function (req, res) { try { let chatrooms = []; // console.log(req.param
Cites k1nate · 2020-03 · Stack Overflow · on “Swift & Firestore - appending dictionary to nested array using .arrayUnion()”
I am creating a chat application where a user can start multiple chats with a different person (just like the rest of the other chat apps). I'm using Swift with Cloud Firestore . My database design is the following: Chat collection: [ "chatMember": ["member1", "member2"], "createdAt" : Date().timeIntervalSince1970, "meesages" : [] ] One chat room will have 'messages' array and it will have message dictionaries aka an object. Below code is where I am trying to append the message dictionary to the messages array . The Firebase doc introduces .arrayUnion() < LINK [LINK] to the document>. But it gives me an error saying, " Contextual type '[Any]' cannot be used with dictionary literal " @IBActio