Build A Messaging App w/NoCode and Supabase

[@jamesnocode]

👍VIEW/CLONE ALL MY NOCODE APPS + support my work: www.patreon.com/jamesnocode 👍GET MY NEW TRAINING - MASTERING FLUTTERFLOW: masteringflutterflow.com

[@nocodebobos]

is this based on flutterflow version 4?

[@anivlogs7504]

Hi, I followed all the steps and created a chat flow. But What I am seeing is Chat is not real-time means the messages are not reflecting the same time to other users' chat screens.

[@Emicss]

That's cool stuff and my fav when you build an app from scratch !

[@alexd7147]

But this is not REALTIME.. Realtime would be if when another user sends a message, it automatically appears in the chat for the other people too. Right now, if you send a message, it will not be visible to the other people until they refresh the page so the db query gets refreshed too.

[@Eshikahl]

We need to add on more action after the send button is active is to refresh the api that gets the message and the option is available in flutterflow…any app we can do it

[@hossameldeinsalem]

its so easy to do it find the video in digital no code pros youtube page and its just 12 mins video

[@alexd7147]

@@hossameldeinsalem I managed to find it in the meantime fortunately. Works good now!

[@MultiTwist]

Hi @jamesnocode websocket needs to be setup in flutterflow for realtime chat if we use supabase, I could not find it in your tutorial. Do you have it enabled in your app if I buy?

[@jimvh7557]

SupaJames 👌 Another awesome tutorial! Really nice how you get the chat messages to appear left and right. I learn something new in each of your videos. Thanks for sharing your wisdom 😉😊

[@AndresGarcia-uh8jc]

Thank you very much for your amazing tutorials, they are truly valuable and inspiring. I just have one question about the one you just released. What configuration is required to receive Supabase data in real time (listening) because right now new messages appear because you included "refresh database". And in a chat, you expect to receive messages automatically. How does it work in Firebase? Thank you!

[@SrElmoGamer]

x2

[@kosmoranger1450]

?

[@ashwanikangotra9259]

Hi james big fan of yours , plz make a video on building a location based app using google maps with supabase

[@EmblazNOR]

How to send push notifications when users recieve a message?

[@g6ter1]

Hi James, can you let us know what app you use for your flowchart diagramming? Thanks for the stellar content!

[@drewdunlop7024]

It’s called Whimsical

[@g6ter1]

Thank you!@@drewdunlop7024

[@caseydeshotels8765]

Hi James - I have been following your tutorials, but I have an obvious issue that I cannot figure out - How do we see and display an error when a supabase query/insert/update fails? I see no way to do this...

[@gmostafaali]

It’s a great tutorial! Is possible to make google map based app like a delivery tracking system?

[@bankoledada]

for some odd reason i cant find this piece on the patreon page James, has it been renamed or rebranded - I did see a group chat piece. Please help. It would be helpful if patreon has a list of videos by title so one can click and view. You have hundreds of videos we have to painstakingly scroll through to find

[@matiasignacio6354]

Hello! Thank you for your video, but I have an important question. How did you add the user through a record at 13:40 ? Nowhere in the video does it explain how to do it. Could you please explain?

[@mattiaparise]

Please, can you show how to build a marketplace like amazon with working payments that split the money between the platform owner and the user who posted the product?

[@ti_kru]

Hi james, you say that the nicknames and user_ids correlate in the chat_summary with the code at 21:33, but they don't for me. Since I get different auto-generated ID's than you, I get different orders in the chat_summary. For example nicknames: [james, rob, jenny] and user_id: [user_id of rob, user_id of james, user_id of jenny] later, in the custom function at Flutterflow, the index is set incorrectly because of this, so that the correct name is never deleted from the nicknames list. does anyone have a clue what the reason is?

[@Group881]

For "one to one user chats", how can I prevent the auth user from creating a new chat with the same person and instead check to see if there is a chat with that person first? If there is a chat with that person, I can just open that old chat, otherwise I can start a new chat marking it as my first conversation that person. Can you explain what we have to do in the case?

[@OctavioVieraMolina]

Is it a REALTIME app?

[@alexandroslekkas]

Fantastic video!

[@Group881]

Do you recommend we add a new table to define the groups? A group can have 3 or more people, a group name, etc... then link the chat messages? Is there an advantage to doing that?

[@GeekendZone]

Thanks for this!, What is the Design Tool that you use for the App layout?

[@UKLotterry]

can we make push notifications without firebase?

[@anicelioleite9473]

Awesome tutorial ! thank you

[@jamesnocode]

You're welcome!

[@mohanmovibrothers3539]

If I am having any query in building my own app how to get your support after joining in patreon community

[@bennifenz133]

Can you build a browser app like Chrome or Firefox with flutterflow?

[@williamsalazar2624]

can you build an Internet of things (IoT) App with realtime supabase table and Arduino please

[@emilelubbe2781]

Saved my life with this one 👍

[@random-yz6lk]

What website builder do you suggest to build with supabase? I find FF too slow to function as a website.

[@officialjwise850]

Hi James, thank you for the tutorial but I have one question. Let’s assume I have two different apps(driver and user app), how do I connect these apps to one firebase since they’re going to be using one database. It’s basically just like Uber app and the driver app. Please help respond if you see this message. Thank you!

[@sambrucejoseph]

Assuming you have 2 separate FlutterFlow project, you can connect to the same Firebase like the usual way. I've done that and its working fine.

[@dr.anonymous4867]

James how can we get intouch with you

[@Vermillions]

Does anyone know why my app bar in Flutterflow has extra space at the top? Every time I reduce the height it cuts off the content in the app bar and won’t let me move it to the visible space.

[@StevenNoCode]

Disable safe area

[@peopleinc9468]

Unique constraints not worked that’s the last sql failed

[@imabadfighter6508]

The video is wonderful, but it causes mental stress when you cut the video while talking and pressing a key. It's very frustrating. The same issue occurs in your personal course; it's very disturbing. Please keep it as one continuous piece and avoid trimming like this. It comes across as very unprofessional.

[@icebread9335]

thats quite a lot of code to be called no code

[@diegoblanco6402]

Hello!! Yours is very good. Could you explain how we can do in FlutterFlow so that supabase listens to the modifications of the chat table all the time?

[@onedayapp3534]

worst chat ive ever seen in my life