Flutter ChatGPT Chat App Tutorial | Build Open AI Powered Chat App In Flutter
Vložit
- čas přidán 13. 10. 2023
- 💼 Book a meeting: cutt.ly/Pegxp5rA
💎 Ultimate Flutter UI Kit: cutt.ly/3w6tqwFA
In this video, I am going to show you a easy way to implement OpenAI ChatGPT LLM model within your Flutter application. We will take a look at setting using the OpenAI API within our Flutter application using the chat_gpt_sdk. We will implement a Chat UI within Flutter which will help us communicate with ChatGPT GPT3.5 Turbo model. This guide will help you set up and navigate through the process of adding AI LLM Chatbot functionality to your Flutter app. This is an excellent guide for beginner Flutter developers.
Resources:
Source Code: cutt.ly/dwQwXtCF
ChatGPT SDK: pub.dev/packages/chat_gpt_sdk
Dash Chat: pub.dev/packages/dash_chat_2
Socials:
Website: hussainmustafa.com
Github: github.com/hussain-mustafa990
LinkedIn: / hussain-mustafa-960920184
Twitter: / hussain34274892
Buy Me A Coffee: www.buymeacoffee.com/hussainm...
#flutter #openai #chatgpt #chatgptmobileapp #openaichat - Věda a technologie
I've gone ahead and fixed the error regarding List? in the source code, and updated it. Feel free to download the source code and it'll have the appropriate changes in it.
Download source code: cutt.ly/dwQwXtCF
Mind blowing. Simple and to the point
Thanks for your support.
getting this error "The argument type 'List' can't be assigned to the parameter type 'List"
List _messagesHistory = _messages.reversed.map((m) {
if (m.user == _currentUser) {
return {'role': 'user', 'content': m.text};
} else {
return {'role': 'assistant', 'content': m.text};
}
}).toList();
getting the same error....could you fix it?
@@mortezaehsani8943 yep
I've fixed the error, you can download the new source code with link in description or pinned comment.
Thanks for this awesome tutorial. Keep at it they are great. :)
Thanks for your support.
Amazing video like always. Keep up the good work.
Thanks, will do!
As always you are the best. I watched your every videos. And they are Very helpful
Glad you like them!
can it work wit ht new openai assistant and code interpreter?
Thank you for posting such valuable content. Post more content related to AI. 😀
Thanks 🙏
Thanks a lot. I watched many videos on this topic. But your one is very easy and effective.
Thank you. So nice of you.
Is it working?
It would be cool if you made a similar tutorial but for using the assistants api. Great video!
Hi,
Thanks for your suggestion, I’ll try your create one using assistants api.
i am not getting the reply , its only showing chatgpt is typing
You are right mujhy bhi sirf yahi show horaha result nahi arah
It was very helpful... Well wishes for you..
Glad it was helpful!
getting this error "The argument type 'List' can't be assigned to the parameter type 'List"
kindly solve it asap 🙂
I've fixed the error, you can download the new source code with link in description or pinned comment.
Where can I change the text box and text color for that textfield where it says write a message, and how can I change it?
You can take a look at the documentation here: docs.flutter.dev/cookbook/forms/text-input
Thanks for good contents. I have a question, How to increace font size in dash chart 2 of this App?
Hi,
I'd recommend taking a look at the dash chat package documentation on pub.dev.
Sir good day thanks for this tutorial. However, mine doesn't work because it says the model is not available "The model `gpt-3.5-turbo-0301` has been deprecated" do you know some available model on this time sir?
Hi, i'd recommend taking a look at the docs for the package and seeing what other models are avalible.
Thanks a lot bro. I wanted to ask you can you make a video about connecting a flutter app to Chat GPT4 with sending a photo with text to AI. like your video with Gemini
Will try
@@m_hussain_mustafa Thanks bro I appriciate it
Hello!
Could you tell me please whether there are any methods to save chat messages of different users in Firebase for example?
Hi,
I'd refer you to watch my Firebase Firestore tutorial or Firebase Chat app course video on my channel to learn more about this topic.
You are really great man !. I saw lots of tutorials to create an ChatGPT clone. But this is the only tutorial where I didn't get any errors and all. Can we able to make the model to answer only to a particular questions?
Hi,
Thanks for the comment. You should take a look at training a custom gpt on OpenAI and then accessing that through the API for your use case.
Kindly guide me i have stong concept in c++ so what should i learn now for backend for flutter smooth apps?
Hi, Almost all backend solutions have there pros and cons you need to do proper research and determine which is the best backend solution for your project. Some good recommendations are Firebase, Supabase, AppWrite or Strapi.
The argument type 'List' can't be assigned to the parameter type 'List'. I keep getting this error when I try to add the _messageHistory List under the ChatCompleteText() function. Pls how can I fix this
I've fixed the error, you can download the new source code with link in description or pinned comment.
Error on mesages:_messagehistory...it says "the argument type list(messages) can't be assigned to list(map(string,dynamic))...
I've the same error. Could you fix it?
I've fixed the error, you can download the new source code with link in description or pinned comment.
is it possible to give custom string for typing user, like i want to say, Jemmy is typing?
Hi,
Yes this is possible taking a look at the typing users property on dash chat.
can i use this but iwth gemini ai key instead ?
I already have another tutorial on my channel on Gemini API check that out.
I have this error: The argument type 'List' can't be assigned to the parameter type 'List'.
Hi,
Since many people have been getting this error, allow me to take a look at this and I'll post a pinned comment to this video with the fix and also updated the source code I've provided.
@@m_hussain_mustafa I used " chat_gpt_sdk: ^2.2.5 " and it worked but gpt api quota was exceeded
@@m_hussain_mustafa same issue, when will you pinned it?
Merci beaucoup
You’re welcome.
according to you which is the best and most affordable Tech stack that we should use, and also what all languages should we learn in order to be great at job interview and become a nice flutter developer and get a nice paying job,
The advice totally depends on your career goals. If you want to a career as a Flutter developer then you'd certainly want to become proficient in Dart. Moreover learn Flutter development, and also understand a little bit about native iOS and Android development.
hello sir ,i am facing an issue when i give the input from user there is no response from the GPT
can u plse help me out
Hi,
I believe yo have reached the limit of the free API use and might need to upgrade to a paid plan now.
@@m_hussain_mustafa bro but I used the API key for the 1st time how come it expired ??
I copied the code and pasted it in my code even though there is no response
@@sandeepreddy862 The same thing happened to me. I have never used this API, I created it now and put it in the code to test, and the chat does not generate a response.
@@sandeepreddy862 Hello my friend, I created a new account on gpt chat and created a new api, and it worked. You can also create a new account.
@@sandeepreddy862same issue
can we use getx state management for this?
Yes absolutely.
Very usefull tnks ❤❤
You're welcome 😊
@@m_hussain_mustafa please help me mujhy sirf chatgpt is typing show horaha
Meny video bhi pori Dekhi kuch missing nahi hy
I have this error, thanks for helping me
E/flutter (17516): [ERROR:flutter/runtime/dart_vm_initializer.cc(41)] Unhandled Exception: status code :404 message :{message: null, code: null, type: null}
start debugging app in the phone, but...
yoo guy, i trid to install your code and use it and bam i think i have spoilt my env, like i keep getting "Waiting for another flutter command to release the startup lock"
i need help abeg(pleas
)
Although there are many fixes to this issue. The easiest one that I recommend is to restart your computer.
hello im having trouble in integrating the ai in my flutter project can you assist me please?
What issue are you facing?
I got an error like this argument type 'List' can't be assigned to the parameter type 'List
Code ? Error it self says you are assigning value to wrong variable ( type is different)
Hi,
Since many people have been getting this error, allow me to take a look at this and I'll post a pinned comment to this video with the fix and also updated the source code I've provided.
@@m_hussain_mustafa Hi Mustafa! Impatiently waiting for the solution. Thanks a million!
I've fixed the error, you can download the new source code with link in description or pinned comment.
How to change Text "Write a message..." and change color?
It should be fairly simple. Just change the hintText and hintTextStyle attributes for the textfield.
getting this error "The argument type 'List' can't be assigned to the parameter type 'List"
Do you solve the error ?
no i gave up on the project@@ahmetcicek4696
Hi,
Since many people have been getting this error, allow me to take a look at this and I'll post a pinned comment to this video with the fix and also updated the source code I've provided.
@@m_hussain_mustafaterribly sorry, i have the same question with this case and i wanna know which part should i fix to get this problem solve. it's kinda hard to understand if i just download your source code and compare which part is the problem
I've fixed the error, you can download the new source code with link in description or pinned comment.
sir, why i dont get any response from chatgpt ,iam not yet reach the limit, trying to debugging and this show
[OpenAI] request body :{model: gpt-3.5-turbo-0301, messages: [{role: user, content: hi}], temperature: 0.3, top_p: 1.0, n: 1, stream: false, max_tokens: 100, presence_penalty: 0.0, frequency_penalty: 0.0, user: }
DioException [bad response]: The request returned an invalid status code of 429.
sorry iam newbie
What is error 429?
@@m_hussain_mustafa solved, change api_key using a different open ai account, weird, even though my first account has never used the api even on the page it also says it's still empty,
btw thanks for the video and replay, have a nice day sir
Thank, very good tuto .hello how to add role system in this chat app
Hi,
I believe the best option is to take a look at the documentation for the api.
you guys if anyone is having error with the List, _messages just chagne the chat gpt sdk version to the version used in the vid it will solve it but the 429 message will still be there i don't know why it is there
Thank you for helping others out. Appreciate it.
Did you solve the issue? I have the same issue.
can i make a chat gpt assistant that is designed for students and don't answer anything unrelated to school curriculum
Yes, this should be possible but isn't very straightforward. You'll have to research into training your own GPT.
@@m_hussain_mustafa can u pls make a tutorial
@@user-qc4bv2dt3b It’s much more complicated than what I can cover in a single tutorial.
Can we use this in production?? I mean with a valid api key?
Yes I believe so, but the app might still require a bit more polishing.
Prerequisites for this
I believe just the basics of Flutter.
Sir can you please make a video on Arcore flutter plugin? It gives an error. I tried many things but I am unsuccessful. Please it's my humble request make a video of it.
I have never worked with this plugin, but I'll take a look at it and try to make a tutorial on it.
I keep getting this error The argument type 'List' can't be assigned to the parameter type 'List'. massages property seems that it's only accepts List of maps, any solutions?
Hi,
I’d recommend taking a look at source code I’ve provided link is in the description. This is a type mismatch error.
When i copy the source code I still have the exact same and only error :((((@@m_hussain_mustafa
I've fixed the error, you can download the new source code with link in description or pinned comment.
Can we use this chat_gpt_sdk for commercial purpose? Like deploying it in playstore...
Yes you can.
thank you
Do i have to verify mobile number....it says you currently don't have any Api keys,verify your phone number to create an api key...do i have enter my phone number for that? Pls reply its urgent
Hi,
If it says that then you have to I guess.
Getting this error in the final request section: Can anyone help me?
final request = ChatCompleteText(
model: GptTurbo0301ChatModel(),
messages: _messagesHistory,
maxToken: 200,
);
The argument type 'List' can't be assigned to the parameter type 'List'. dartargument_type_not_assignable
List _messagesHistory
I've fixed the error, you can download the new source code with link in description or pinned comment.
@@m_hussain_mustafa thank you
i am getting error like this he argument type 'List' can't be assigned to the parameter type 'List
Hi,
I'd recommend taking a look at the source code I've provided link to in the description this is a type mismatch error.
@@m_hussain_mustafaEven in your code it shows the same error
Amazing Hussain, could you please make a tutorial on how to merge a flutter app inside another flutter app?
Hi,
I am a bit confused by your request. What does merge one Flutter app inside another mean?
@@m_hussain_mustafa i have a large app and another small compass app. I want to insert the compass app within the large app, so the large app has a button to open the smaller compass app. I tried to do it manually but my vscode project will have two main.dart files which is something wrong.
Bro what should i do for backend node js?
Why do you need a backend for this app?
@@m_hussain_mustafa not for this, sir how can I collect different objects in one user cart screen guide me
I have not recieve any response from gpt and my debug console look like this :
Error 429 - You exceeded your current quota, please check your plan and billing details
The error says you've reached your free quota limit for ChatGPT API, you have to enable billing and subscribe to a plan to proceed further.
@@m_hussain_mustafa don't we have any free models??
when iam request to chat gpt gpt give me a ans of some quest like hii , what is your name , who is owner of google ets but i am send other req like what is flutter and other question gpt not reply anything . how can i fix this issue and my limit free tpken limit is not crossed
You'll have to use the GPT v4 for this type of functionality and this is a more advanced use case that will require research on your part.
How to run this app on our mobile and use it regularly and download it and show to others
Hi, you'll have to publish the app on the Google Play or iOS app store.
Could you please make a video about it
@@m_hussain_mustafaplease make a video on how to publish this app on play store
Yo i get "NOT missing your token"
hello i keep getting this error for _messagehistory. The argument type 'List' can't be assigned to the parameter type 'List'.dartargument_type_not_assignable
This is a type mismatch error. I’d have to take a look at your code to deduce the changes required to get it working.
An easy way you be to change the List to just List.
List _messagesHistory = _messages.reversed.map((m) {
if (m.user == _currentUser) {
return Messages(role: Role.user, content: m.text);
} else {
return Messages(role: Role.assistant, content: m.text);
}
}).toList();
final request = ChatCompleteText(
model: GptTurbo0301ChatModel(),
messages: _messagesHistory, // I GET THAT ERROR RIGHT HERE
maxToken: 200,
);
i am getting same error and tring solve according to you but its didnt work
@@m_hussain_mustafa
i have a error is answer is not give in debugg mode.....?
Hi,
I am a bit confused as to what you are asking.
My app didn't reply back anything
"Chat Gpt is typing " is only thing coming on home screen
Did you check to see if your request is being responded to successfully by OpenAI api?
Error code: 429, message :The request returned an invalid status code of 429. data:{error: {message: You exceeded your current quota, please check your plan and billing details., type: insufficient_quota, param: null, code: insufficient_quota}}
I am getting this error .How to resolve it.
You need to upgrade your billing plan to a paid plan. You’ve reached limit of free tier usage.
The argument type 'List' can't be assigned to the parameter type 'List'. dartargument_type_not_assignable how to solve it
Hi,
This is a type mismatch error. I'd recommend taking a look at the source code to fix this.
Did you solve the problem?
@@Rahaf518. yes ask in github get a solution
@@Rahaf518. Just copy the full code ask gpt to slove the error in the code
error 429 do you have a solution for this?
What is the error specifically?
dont work when i build apk
Some times you will loss some json data in API call when build apk
is there a limit?
Yes there is a free tier limit imposed by openai, after which you have to pay.
i have downloaded the source code and watched the video. i tried to test the app after inputting my API key but the chatbot just kept showing as "typing" and never returned a response. where could i have gone wrong?
tia, great video btw.
Hi, are you getting any output in the debug log, try to see what the response from the api is, and if you are getting a 200 response or anything else.
@m_hussain_mustafa sorry, I meant to come back. But I think I found the issue. It's an account issue on openai side with my api activation.
@@adammurday17 i have the same problem how did you fix that
@KaiderVn my account had run out of funds. I just had to top-up my account.
i have the same problem: it says you have exceeded your limit even though it is the first time i use it !! Any solution please?
there is an error while i setState why
What is the error?
@@m_hussain_mustafa setState is not recognized
can you give me a link to your android emulator version?
Hi, I use Pixel 7 Android API 33 as my simulator.
please give me source code again, thank a lot,
Hi, source code link is in description.
I got this error,, "E/flutter ( 5501): [ERROR:flutter/runtime/dart_vm_initializer.cc(41)] Unhandled Exception: status code :429 message :{message: You exceeded your current quota, please check your plan and billing details., code: insufficient_quota, type: insufficient_quota}". What to do sir?
This means you've exceeded the limit of the free usage you now need to provide your payment information to continue using the API further.
I have this error: The argument type 'List' can't be assigned to the parameter type 'List'.
down grade your chat_gpt_sdk to ^2.2.5 in pubspec.yaml