Building an IT AI Assistant with #OpenAI's Latest Assistant API in #FlutterFlow

OpenAI has unveiled some impressive AI improvements, and one, in particular, has caught my attention. Their Assistants have become incredibly intuitive and can now be added to your own apps with minimal effort, thanks to their APIs.

Today's video is all about updating an existing project with the latest Assistant API in a #FlutterFlow app, and the best part? No coding is required. I'll walk you through the entire process, from setup to launch, of an AI assistant that's customised to address your IT challenges. And if you need to tailor it to a different subject, it's just as straightforward.

I've prepared two projects that you can clone. If you want to follow along with this video and improve your FlutterFlow know-how, start with my starter project. I’ve also shared the complete project for you to explore. But to really understand how it all works, make sure to watch the video!

I’ll also touch on some security considerations which you need to consider if you decide to implement something like this in your own project. I’ll touch on a future update whereby we will use a backend such as #Buildship to secure your OpenAI API Key.

_____

Links

🔥 Consider also joining The Digital Pro's #Nocode Academy (link below).

_____

Chapters

00:00 Introduction
00:45 Application Demo
01:38 Starter Project walkthrough
04:52 OpenAI Assistant Orientation
09:32 AppState Setup
09:52 Understand the Open AI Assistant API's
12:09 Create API Group and Threads API call
15:19 Configure the Threads API call
17:45 Configure our Add Message API call
20:03 Adding our message to the thread
24:50 Configure our Run Assistant API call
26:26 Setup the assistant to run
30:57 Configure our retrieve run API call
32:22 Setup our run loop
35:25 Configure the list messages API call
37:35 Add actions to get latest message
40:16 Update our UI to display the chat messages
41:19 Application Test
42:35 Discuss security and best practices
44:34 Backend service such as Buildship to protect your app
45:45 Outro

_____

(Support the channel and go ad-free! 😉)

🎉 Your love is much appreciated ... A like to this video is like a High Five!!! Thank you all.

[Statsjk]

For your kind information, you don't have to create a separate action to scroll the list view to the bottom every time a new message is created....there is built-in option in the flutterflow in the properties panel of list view called Reverse list view. Enabling that will do the thing.

[toboremoruku]

Amazing video!.... cant wait for the second part built using buildhip thats exactly what i need for my project to complete my nocode journey 🙂

[sweeta]

I just wanted to stop by and say hi and thank you. After a month lol, I finally got this to work. I have watched ALL of you videos and I must say BRAVO!. Once you get it, you got.

[lovelifewabisabi]

Thank you so much Sir for this wonderful tutorial. This is very detailed and step by step. Got to learn a lot in your video.

[dontfilmbelly]

It’s the best video I have ever watched. I learned everything I have to know. I really appreciate it!!

[Klustertech]

the video with buildship would be really awesome looking forward to that one

[kuandemarco]

just stumbled across your page. Excellent content! Looking forward to seeing how this type of project can be created with buildship as the backend.👍

[SkillsPacks]

Built application around this :) But now need to include streaming. I see you kindly made a video with Buildship. However, for a no-coder like me, it would be incredibly helpful/useful to have a 'transition' video that adjusts an app from REST API version to a Streaming version. Just hoping :)

[evanswanson]

Great video! You earned a sub from me... thanks a bunch. Looking forward to next video that you make (you mentioned it at the end of this one). I would love to see how to use BuildShip to secure the API keys. Thanks again!

[moses]

You mentioned buildship above. Would love to see a similar lesson using node-red ... Perhaps in parallel ... Since NR can be run on-device.

[andreapinna]

Really well done, clear and professional video. I too look forward to the video where you will use Build Ship

[mazenalsakkaf]

Great video! Could you rebuild it with Buildship and introduce the decoupling concept.

Your channel stands out when it comes to No code 👍🏼

[theailifestyle]

You can move your API keys and the API run into a more secure place in flutter flow itself. By using the mark call as private. That does create a Google cloud function

[turahtid]

So happy you made this video with the new assistants api! Can you make a video where the user can take a photo and use the vision api?

[BarrettNash]

What an amazing video! I think anybody who masters this video has the skill of the future!

[PjamaLama]

Amazing Video, blew my mind 🔥 Great value. Please make more videos ! also bout buildship

[mgatoile]

Great video, as a beginner it's very useful, thank you!
A quick question, is there a way to fix the accent bug in API responses?

[gurvinderbinnig]

Hello, Great video!! Are you able to upload a tutorial on how a user could upload documents to openAI and have the model give feedback on them?

[kwi_humble]

Great video, I really don't know why am so addicted to flutterflow and because of that. Anyone doing flutter flow tutorials I most subscribe to their channel, like and share each video I watch from each channel. One more think. Please can you give us a video on how to build an ebook app with flutter flow if possible also show us a way we can run it on web too. Well as a view I think an ebook will also be a good idea for those who want to build a digital reading saas app 😊

[Bill-ai]

Hi there, nice video. Did you end up publishing the follow-up video with more details of how to build this using Buildship and Flutterflow?