Build an AI 'chat with image' app in 10 minutes | Bubble x OpenAI

In this tutorial you're learn how to build a simple AI application that can see and respond to user uploaded images all with no-code.
We'll use Bubble.io, Basis, and OpenAI's Vision API.
Basis Design Components 👉 www.basislab.io/
New to Bubble? Start here 👉 • Bubble Crash Course fo...

[@Nolaready]

I have been searching for weeks for videos on how to do this, thanks bro

[@StarterBuild]

Would love a tutorial on how you allowed users to push content to notion! Keep up the great work!

[@lifemaxai]

This is awesome - can you make a tutorial on how achieve this while using the Assistants API? That is where the real power comes from. Thanks.

[@JhonataCosmo]

Very good, could you make another version of this tutorial but instead of reading a photo, the api reads and analyzes a document? Thanks.

[@ogvalentinexiv]

Thank you for this. Is there a workaround to add the "https" to multiple images (using the bubble multi image uploader)? I've tried to find "//" and replace with "" for each image url. UX would be so much better if I could in take several images for processing in the api.

[@jishnusurendran8467]

Extremely helpful Matt, thanks a lot!

[@pedromiguel215]

Amazing! Simple and quick. Will add it immediately to some apps I'm working on to read documents and more. Thank you

[@michaelxmaycon]

Thanks for sharing

[@mauriciosousa-3p693]

Muito bom ! Obrigado por compartilhar seus conhecimentos.

[@mohammedalsaggaf1]

hi bro, how are you, the results appear fine for me, but in the results and heading I see symbols such as the asterisk* symbol and the hashtag# in the results How do I stop chatGPT API from showing symbols in the results?

[@blah7745]

Would openai be able to access the image if it set as private upload for sensitive applications?

[@derekroetzel]

I have the same question, and I'm having trouble finding an answer.

[@thatQiao]

Why using 4:13 Json-safe for text input and 11:17 trigger the custom event for hidden loading dot HTML but not just hide it directly inside the workflow?

[@bestmoviestrailers8692]

Hey, can I ask something? is there a way to upload a pdf and ask him from the pdf to solve a problem that apears on the image provided?

[@mohammedalsaggaf1]

there is some wrong when i run it: There was an issue setting up your call. Raw response for the API Status code 400 { "error": { "message": "Invalid content type. image_url is only supported by certain models.", "type": "invalid_request_error", "param": "messages.[0].content.[1].type", "code": null } } what is the problem, help me please

[@NoCodeNoProblem]

You need to add 5 USD minimum to your account

[@portfoliopb]

I get an error saying. Couldn't parse cURL. Check that you only include supported fields. What should i do?

[@Rmarinho7]

this is a great video! great job. Can you make one like it for ChatPDF? I think it would be very useful too! Thanks for your work!

[@IlReverendoIl]

Can you do a video on how to do it with pdf (And OCR)? Thank you a lot

[@1JOTT]

Hey - thanks for sharing. Can this work with PDFs? This would be super useful!

[@mneary]

Do you mean can it be setup so one can 'chat' with the PDF? Absolutely. Thinking about doing a tutorial on it!

[@1JOTT]

Exactly... few videos out their using langlflow + pinecone... but after coming across your videos, would be interested to see your take @@mneary

[@lpnegociosdigitais1934]

How can i save the answer on database bubble? Like a text

[@blankblank3134]

This was amazing but as i was following around with the video and reached the part where you have to Initialize call for the API, i got an error that "The model `gpt-4-vision-preview` does not exist or you do not have access to it". Then i came to realize that this tutorial is for ChatGPT 4 which is for paid users only. I wish there would be a way to build this app with free tools...🥺

[@BookingsCleanFanatics]

here was an issue setting up your call. Raw response for the API Status code 404 { "error": { "message": "The model `gpt-4o` does not exist or you do not have access to it.", "type": "invalid_request_error", "param": null, "code": "model_not_found" } } I got this and tried more combinations for models like chatgpt-3.5 or chatgpt-3.5-turbo but not getting ay success

[@zainethorp1721]

maybe you havent set up your open ai account properly (open ai APIs account), you might need to put money into your account. Just guessing I had a similar thing and I'm pretty sure that's what I did to fix it.

[@zainethorp1721]

open ai also has a document to explain their error codes which would help

[@Every-AI]

i am getting an error while settign up the curl

[@theaccountantguy]

This is fantastic🎉

[@uno27heaven]

do u have a discord or TG community?