Forum Academy Marketplace Showcase Pricing Features

How To Build A WhatsApp Clone Without Code - Bubble

Looking for an existing tool to send messages? We’d recommend using WhatsApp. But if you’re a maker who’s eager to start building your own messaging app, go no further than Bubble.


This is a companion discussion topic for the original entry at https://bubble.io/blog/build-whatsapp-clone-no-code/
5 Likes

@vivienne thanks for the tutorials… I love these series. Helps us newbies big time.

1 Like

How do you handle notifications to your users in such a WhatsApp clone?

OneSignal

1 Like

How do you create the workflow for the whatsapp message ticks (double blue ticks for read message, double tick for received message, one tick for sent message)?

@vivienne

I’m trying to add the profile picture of the user who sent the most recent message to the repeating grid of all chats. Is there a way to do this?

Using a dynamic image “Current cell’s Chat’s Chat Users’s Photo” doesn’t display anything.

Using a dynamic image “Current cell’s Chat’s Chat Users’s Photo:last item” only shows one user regardless of who messaged last.

Any help would be appreciated.

youll likely need to do a search for that Chat, sort by creation date, and select the first/last (depending on sort order) instead of just doing current cell.

@trevorpollo thanks for the reply. I’m still a little lost. Just started using bubble 2 days ago.

Using “Search for Chat’s Creation Date:last item (or first item)” isn’t returning any image.

Is that what you had in mind? Where do I enter “User’s Photo”?

Can you send screenshots of your search?

Do Search for chats:last item’suser’s profile pic

Within the constraints, sort by creation date, descending ‘no’

image

That didn’t work but it got my brain working! This solution is updating the image to last sender. Thanks for the help!

chrome_j3DgJrOf3o

1 Like

great! Glad it worked!

Hello, i am sort of a new user, did the tutorial videos and just for fun, trying to make a website like whatsapp now. In creating a repeating group, under constraints, the instructions say “chat users contains”, how can i get this contains word there? because in my options there is just “chat users”.
Also if anyone can give me a link or something where i can understand repeating groups better, i would really appreciate it.

thanks

Looks like the latest chats will display at the top of the RG. Any idea how to display the latest message at the bottom of the list instead AND also have the RG scrolled automatically to the bottom of the list to display the latest post?

1 Like

Is it possible to include an image sharing feature, not only text? If so, how?

Hello Bubblers

We have prepared an article on things to consider while developing a chat or messaging app. Hope you will like it