A detailed tutorial on how to give your app the ability to interpret images using the new GPT4-turbo vision API. We'll build a simple app where you can upload images of a room and ask a question, and the app will respond with design tips.
If you're interested in learning more about building with Bubble.io or integrating AI with your Bubble app, my new course is available at zerotoprocourse.com.
00:00 What we’re going to build
00:56 UI setup
03:00 How to read Open AI’s API documentation
07:00 Installing the Bubble API connector
09:10 Reading the docs on using GPT-4 with vision
10:30 Implementing the Chat Completion API endpoint
16:40 Initialising your API call
17:27 Creating your API key on Open AI
20:06 Adding the workflows to the app
25:04 Debugging an API call
27:53 Testing the functionality
30:18 Conclusion