🔥 Looking for more content, further content, and a helpful community? Why not consider joining The Digital Pro's #Nocode Academy at www.thedigitalpro.co.uk
Hi Steve, First of all a huge thank you from France ! You help me a lot you cant imagine how usefull this video is ! I ve a question when i try the app i ve a first answer but we i ask another one i never get a response back. Thanks a lot for all your work !
Recently subscribed and I’ve been watching a lot of your tutorials lately. Thanks for the awesome content! I love your teaching style in the videos. I’m a fairly new beginner on a lot of this stuff and don’t know how to code, but I definitely understand the power of these tools. I think it would be super helpful if you were able to make just a generic tutorial on the low code stuff used for APIs through BuildShip (or other similar platforms). I follow along when you walk through it in these videos, but I find it hard to then apply it to my own projects because my brain doesn’t operate in that language yet. Maybe even just something like creating several completely different workflows in BuildShip and walking through your thought process and what the code you’re writing is doing! I feel like I’ve learned Flutterflow and even basic functionalities in Supabase relatively quickly, but the API calls to BuildShip are a little more complicated. Regardless, thanks for the great content and keep it up!
Hi Steve, yet another perfect video! I am recommending your channel to all my no-code-loving friends because of your clarity, competence and the accuracy of your content. I have a question, if you have time to answer: I remember a series of videos of yours from a few months ago (it was 5 videos + a bonus video) in which you built a chat and indicated (in the last video) how to save the chat and resurrect it. The construction method was different from this one, in that video you used custom functions and therefore code. In this situation, however, what would the process look like to achieve the same result? Thanks for all
Hi Andrea thank you very much for your kind words. Appreciate sending out the message to others. The 5+1 series was quite narrow in focus and did contain some lowcode to move the series along. The implementation of this AI Assistant Node in BuildShip does simplify the process of communicating with OpenAI and BuildShip workflows could be extended to support keeping the history of the chat. For example you could use BuildShip's own database or you could use something like Supabase or Firebase plumbed in to the BuildShip workflow. It would require some additional work but certainly could work. Alternatively of course you could get responses back from BuildShip, within FlutterFlow, and then save these to some kind of chat history either on device or in an external database. Something is telling me that saving these to a database within BuildShip is the better approach because it keeps the simplicity of your FlutterFlow application more UI focused. I could look at creating an extension to cover this. I'll have a think.
Thanks for this insightful video! You explained the concepts of OpenAI assistant integration with Buildship really well and made it easy to understand how to work with FlutterFlow for back-and-forth communication. I have a quick question regarding an issue I’m facing. Everything seems to be working except for the thread ID feature. The field in the OpenAI assistant node doesn’t seem to update based on the input passed from the input node. I even tried hardcoding it in the input node to check if it gets picked up, but it doesn’t. Each time I run it, a new thread ID is created because it’s not recognizing the one passed from the input node. Do you have any suggestions or ideas on how to resolve this? I’ve also submitted a support ticket to Buildship in case this is an issue on their end, but I’d love to hear your thoughts on how I could potentially fix or debug this. Thanks in advance!
I would love to see how to enable streaming (the output is streamed live in chunks instead of waiting for it to finish). Also would love to see the chunks the system uses to generate the response and show it to the user.
Hello, Thank you for the video, it was very well explained. However, I am experiencing a persistent error during testing. Whenever I send a message in the chat, I always receive an error in the snack bar.
I'm not getting a response back when I test the app. I see the response in the openai thread though. Also if I "Respond & Test" the call within the "Define API Call" section, I do get the response back. Do I have something wrong with the response assignment within the "AIChatComponent " of the flutterflow project? I used the "final" project provided and just added my Shipbuilder info to it.
So you can implement in FF directly but you'll be placing your logic directly inside your frontend application. You'll be exposing your OpenAI key which is risky because if this is compromised you would need to rollout an update to your app with a new key then run the risk again. Using also the BuildShip approach you tap in to extended functionality which is built for you.
This is awesome 👍. Please after following your video tutorial. I created everything but during the testing it echo can not chat at This time. How can I solve this please .
Can you show how to make an connection with a calander (google) so people can make an appointment trough the chat that you create a sort of frontdesk helper ?
hello, I'm getting the same error as one of your other users/commenters below ""Cannot read properties of undefined (reading 'trim')"". have we figured out the reason and how to fix?
I'm super puzzled by this one. My version is working fine. Can you explain at what point you are seeing this error? This would really help me understand where to focus and help.
@@the_digitalpro thanks. I had one of the variables as threadID and one as threadId. just the capitalized D threw it off. All good now. But I have a different question. The normal user experience with ChatGPT on a desktop is that the user hits the "return" button. How can I change this so instead of clicking on the send/arrow icon, the user can just type text and hit return. I tried "on submit" action on the text input field but for some reason that is not working. Thanks!
Hey! I keep trying to use the flutterflow project you listed in the description but the project file keeps booting me off saying I do not have permission to use this :/ Any idea for fixes! Thanks!
@@pedrojt7688 I think I figured it out, first make sure you have the field as "threadId" and not "threadID" or "threadid" in both FlutterFlow and Builship. Also when you change the name in Buildship you need to reselect threadId in the second node. Now after that's done, make sure the threadId is not null, just add a space in the component state and when you test call in in the API tab make sure you enter a space. And if it still doesn't work and it gives you error 500, then you have to change it from Post to Get and click save and click test (it won't work of course), then change it back to Post, click save, and click test again and you should get a response! If it works in the API tab then it should work in the action flow!
Hello @the_digitalpro I used your final project file and validated the buildhip test and openAI test as well. I continue to get "cannot chat at this moment". The buildship testing worked, the API test on flutterflow worked, but when I test the application it fails. I feel like the backend call is failing (going to false workflow and hence the snack bar shows that message). I have watched the video a few times. can you please help.
Hi Steve. I recreated this buildship flow to a T(using my own OpenAI key and assistant) but I got an error message that said "Cannot read properties of undefined (reading 'trim')". Where did I go wrong? Help!
Hello. Do you get this error when testing your workflow in BuildShip? If so this indicates something local in BuildShip which is the issue and not FlutterFlow. Try recreating the trim node again and referencing it once more in the workflow.
@@the_digitalpro Hi. Thanks for the response 🙂. Yes, the error message pops up while testing in buildship. Haven't even gotten to flutterflow yet. I tried rebuilding the node but that didn't work either 🤷🏾♂️. Any other ideas? Thanks again 🙏🏾
This is awesome 👍. Please after following your video tutorial. I created everything but during the testing it echo can not chat at This time. How can I solve this please .
This is awesome 👍. Please after following your video tutorial. I created everything but during the testing it echo can not chat at This time. How can I solve this please .
@@the_digitalpro I tested the workflow and API in buildship It runs successfully exactly like your own but once I test in Flutterflow it echo cannot chat now 🎉 while the API call is successful in buildship.
@@the_digitalpro Hi , I recreated the workflow in buildship when I followed the instructions from your video and I tested it in buildship and it is working perfectly exactly like your own. But when I run it on Flutterflow it echo cannot send messages at this time
🔥 Looking for more content, further content, and a helpful community? Why not consider joining The Digital Pro's #Nocode Academy at www.thedigitalpro.co.uk
What extra stuff is there inside academy?
Can you add a talk to text option here so the user can speak into the app and then receive a text response from the AI assistant?
YEAHHHHH, I have been waiting for this. Thanks again Steve!
You are most welcome!
Hi Steve, First of all a huge thank you from France ! You help me a lot you cant imagine how usefull this video is !
I ve a question when i try the app i ve a first answer but we i ask another one i never get a response back.
Thanks a lot for all your work !
This sounds to me like you have an issue with the threadId. Make sure you have spelt it correctly across both FlutterFlow and BuildShip.
@@the_digitalpro Thanks for you answer, i'll investigate
Recently subscribed and I’ve been watching a lot of your tutorials lately. Thanks for the awesome content! I love your teaching style in the videos.
I’m a fairly new beginner on a lot of this stuff and don’t know how to code, but I definitely understand the power of these tools. I think it would be super helpful if you were able to make just a generic tutorial on the low code stuff used for APIs through BuildShip (or other similar platforms). I follow along when you walk through it in these videos, but I find it hard to then apply it to my own projects because my brain doesn’t operate in that language yet. Maybe even just something like creating several completely different workflows in BuildShip and walking through your thought process and what the code you’re writing is doing! I feel like I’ve learned Flutterflow and even basic functionalities in Supabase relatively quickly, but the API calls to BuildShip are a little more complicated.
Regardless, thanks for the great content and keep it up!
excellent introduction to chat
Thank you very much 👍
Very helpful, thanks Steve! 👍
Glad it was helpful!
Hi Steve, yet another perfect video! I am recommending your channel to all my no-code-loving friends because of your clarity, competence and the accuracy of your content.
I have a question, if you have time to answer: I remember a series of videos of yours from a few months ago (it was 5 videos + a bonus video) in which you built a chat and indicated (in the last video) how to save the chat and resurrect it. The construction method was different from this one, in that video you used custom functions and therefore code. In this situation, however, what would the process look like to achieve the same result?
Thanks for all
Hi Andrea thank you very much for your kind words. Appreciate sending out the message to others. The 5+1 series was quite narrow in focus and did contain some lowcode to move the series along. The implementation of this AI Assistant Node in BuildShip does simplify the process of communicating with OpenAI and BuildShip workflows could be extended to support keeping the history of the chat. For example you could use BuildShip's own database or you could use something like Supabase or Firebase plumbed in to the BuildShip workflow. It would require some additional work but certainly could work. Alternatively of course you could get responses back from BuildShip, within FlutterFlow, and then save these to some kind of chat history either on device or in an external database. Something is telling me that saving these to a database within BuildShip is the better approach because it keeps the simplicity of your FlutterFlow application more UI focused. I could look at creating an extension to cover this. I'll have a think.
@@the_digitalpro thank a lot! 👍🏻👍🏻👍🏻👍🏻
Great video as usual. Do the assistant nodes have streaming option yet?
Thank you very much Steve!
You are very welcome
This is awesome ❤
Thank you very much!
Thank you so much!!!
You're welcome!
has anyone who was getting the "can not chat now" response in the tester figured out how to fix it/what they/ I may have done wrong
Thanks for this insightful video! You explained the concepts of OpenAI assistant integration with Buildship really well and made it easy to understand how to work with FlutterFlow for back-and-forth communication.
I have a quick question regarding an issue I’m facing. Everything seems to be working except for the thread ID feature. The field in the OpenAI assistant node doesn’t seem to update based on the input passed from the input node. I even tried hardcoding it in the input node to check if it gets picked up, but it doesn’t. Each time I run it, a new thread ID is created because it’s not recognizing the one passed from the input node.
Do you have any suggestions or ideas on how to resolve this? I’ve also submitted a support ticket to Buildship in case this is an issue on their end, but I’d love to hear your thoughts on how I could potentially fix or debug this. Thanks in advance!
Hello thank you very much for your kind words. Have you double double checked the correct casing of thread id parameter being passed in?
I would love to see how to enable streaming (the output is streamed live in chunks instead of waiting for it to finish). Also would love to see the chunks the system uses to generate the response and show it to the user.
Can you add a talk to text option here so the user can speak into the app and then receive a text response from the AI assistant?
Hello,
Thank you for the video, it was very well explained. However, I am experiencing a persistent error during testing. Whenever I send a message in the chat, I always receive an error in the snack bar.
I'm not getting a response back when I test the app. I see the response in the openai thread though. Also if I "Respond & Test" the call within the "Define API Call" section, I do get the response back. Do I have something wrong with the response assignment within the "AIChatComponent " of the flutterflow project? I used the "final" project provided and just added my Shipbuilder info to it.
Am I missing something, what is Buildship doing here that you can't just do in Flutterflow directly with the assistants API?
So you can implement in FF directly but you'll be placing your logic directly inside your frontend application. You'll be exposing your OpenAI key which is risky because if this is compromised you would need to rollout an update to your app with a new key then run the risk again. Using also the BuildShip approach you tap in to extended functionality which is built for you.
Can this be build to use a users own docs on firebase as knowledgebase for the assistant?
This is awesome 👍. Please after following your video tutorial. I created everything but during the testing it echo can not chat at This time. How can I solve this please .
Can I use Imagen Model from Vertex AI in Buildship?
Can you show how to make an connection with a calander (google) so people can make an appointment trough the chat that you create a sort of frontdesk helper ?
Does BuildShip changes the response on the testing? I no longer seeing all the API JSON response as you. I just have: threadId and response
No buildship should not manipulate the json response. Did you get it sorted?
hello, I'm getting the same error as one of your other users/commenters below ""Cannot read properties of undefined (reading 'trim')"". have we figured out the reason and how to fix?
I'm super puzzled by this one. My version is working fine. Can you explain at what point you are seeing this error? This would really help me understand where to focus and help.
@@the_digitalpro thanks. I had one of the variables as threadID and one as threadId. just the capitalized D threw it off. All good now. But I have a different question. The normal user experience with ChatGPT on a desktop is that the user hits the "return" button. How can I change this so instead of clicking on the send/arrow icon, the user can just type text and hit return. I tried "on submit" action on the text input field but for some reason that is not working.
Thanks!
Hey! I keep trying to use the flutterflow project you listed in the description but the project file keeps booting me off saying I do not have permission to use this :/ Any idea for fixes! Thanks!
What is BuildShip and what is it for?
Hello I am having a issue that my buildship is working and the steps on flutterflow are good but the chat respond is not responding
Hello. Have you made sure you have credit applied on the OpenAI platform?
@@the_digitalpro Good Afternoon yes, I do have credits on the OPEN AI platform
the test on buildship and testing the API call in FF works but in the UI no responds come back
@@the_digitalpro yes I do The api call on flutterflow and build ship works. But the UI on test mode do not respond
@@the_digitalpro fix the returned value but the ID if the assistant do not work is a GPT 4 turbo without the assistant
Hello I need some help I did all the steps but the flutterflow does not respond
SAME did u find an answer please?
@@Tahycoon no not yet
@@pedrojt7688 I think I figured it out, first make sure you have the field as "threadId" and not "threadID" or "threadid" in both FlutterFlow and Builship.
Also when you change the name in Buildship you need to reselect threadId in the second node.
Now after that's done, make sure the threadId is not null, just add a space in the component state and when you test call in in the API tab make sure you enter a space.
And if it still doesn't work and it gives you error 500, then you have to change it from Post to Get and click save and click test (it won't work of course), then change it back to Post, click save, and click test again and you should get a response!
If it works in the API tab then it should work in the action flow!
@@pedrojt7688 did you ever figure it out? I've been struggling too
Hello @the_digitalpro I used your final project file and validated the buildhip test and openAI test as well. I continue to get "cannot chat at this moment". The buildship testing worked, the API test on flutterflow worked, but when I test the application it fails. I feel like the backend call is failing (going to false workflow and hence the snack bar shows that message). I have watched the video a few times. can you please help.
did you ever figure this out? It's been an insane sturggle
Whats this done with the free version of buildship?
Yes indeed you'll have no issues on the free plan.
Hi Steve. I recreated this buildship flow to a T(using my own OpenAI key and assistant) but I got an error message that said "Cannot read properties of undefined (reading 'trim')". Where did I go wrong? Help!
Hello. Do you get this error when testing your workflow in BuildShip? If so this indicates something local in BuildShip which is the issue and not FlutterFlow. Try recreating the trim node again and referencing it once more in the workflow.
@@the_digitalpro Hi. Thanks for the response 🙂. Yes, the error message pops up while testing in buildship. Haven't even gotten to flutterflow yet. I tried rebuilding the node but that didn't work either 🤷🏾♂️. Any other ideas? Thanks again 🙏🏾
@adriangithenji461 me too have such error
removed trim node got "400 Missing required parameter: 'messages[0].content'."
Why did you remove the trim node?
would if I can pay you to build an app for me
You talk like whisper
Okay you got me. Not sure what this means.
This is awesome 👍. Please after following your video tutorial. I created everything but during the testing it echo can not chat at This time. How can I solve this please .
This is awesome 👍. Please after following your video tutorial. I created everything but during the testing it echo can not chat at This time. How can I solve this please .
Hello. Are you absolutely sure you have correctly applied credit to you OpenAI account?
@@the_digitalpro I tested the workflow and API in buildship It runs successfully exactly like your own but once I test in Flutterflow it echo cannot chat now 🎉 while the API call is successful in buildship.
@@the_digitalpro Hi , I recreated the workflow in buildship when I followed the instructions from your video and I tested it in buildship and it is working perfectly exactly like your own. But when I run it on Flutterflow it echo cannot send messages at this time
@Uchenna_Onyeji did you make sure you put a space in threadId when setting the component state?
@@the_digitalproYes I did it but still echoing cannot chat at this moment