Flutter ChatGPT Chat App Tutorial | Build Open AI Powered Chat App In Flutter

[@m_hussain_mustafa]

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

[@jemmytech5474]

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();

[@mortezaehsani8943]

getting the same error....could you fix it?

[@jemmytech5474]

@@mortezaehsani8943 yep

[@m_hussain_mustafa]

I've fixed the error, you can download the new source code with link in description or pinned comment.

[@KevSalcedo]

Just add .toList() at the end.

[@RonyHassan47]

Thanks a lot. I watched many videos on this topic. But your one is very easy and effective.

[@m_hussain_mustafa]

Thank you. So nice of you.

[@Anna-zd1dc]

Is it working?

[@newjx]

can it work wit ht new openai assistant and code interpreter?

[@KAIZENTECHNOLOGIES]

It would be cool if you made a similar tutorial but for using the assistants api. Great video!

[@m_hussain_mustafa]

Hi, Thanks for your suggestion, I’ll try your create one using assistants api.

[@moneyman-ne9lw]

Thanks for this awesome tutorial. Keep at it they are great. :)

[@m_hussain_mustafa]

Thanks for your support.

[@basit_ali]

Mind blowing. Simple and to the point

[@m_hussain_mustafa]

Thanks for your support.

[@Rahaf518.]

I got an error like this argument type 'List' can't be assigned to the parameter type 'List

[@AvinashKumar-n6i5e]

Code ? Error it self says you are assigning value to wrong variable ( type is different)

[@m_hussain_mustafa]

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.

[@mortezaehsani8943]

@@m_hussain_mustafa Hi Mustafa! Impatiently waiting for the solution. Thanks a million!

[@m_hussain_mustafa]

I've fixed the error, you can download the new source code with link in description or pinned comment.

[@ronyhassanroman]

As always you are the best. I watched your every videos. And they are Very helpful

[@m_hussain_mustafa]

Glad you like them!

[@rlt_app]

Thank you for posting such valuable content. Post more content related to AI. 😀

[@m_hussain_mustafa]

Thanks 🙏

[@yendri9899]

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

[@m_hussain_mustafa]

What is error 429?

[@yendri9899]

@@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

[@julianguerrero6842]

I have this error, thanks for helping me

[@julianguerrero6842]

E/flutter (17516): [ERROR:flutter/runtime/dart_vm_initializer.cc(41)] Unhandled Exception: status code :404 message :{message: null, code: null, type: null}

[@julianguerrero6842]

start debugging app in the phone, but...

[@MHM-jy4uj]

Amazing video like always. Keep up the good work.

[@m_hussain_mustafa]

Thanks, will do!

[@sandeepreddy862]

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

[@m_hussain_mustafa]

Hi, I believe yo have reached the limit of the free API use and might need to upgrade to a paid plan now.

[@sandeepreddy862]

@@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

[@gustavofonseca7744]

@@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.

[@gustavofonseca7744]

@@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.

[@techysparta9227]

​@@sandeepreddy862same issue

[@AthiraH-p9c]

Error on mesages:_messagehistory...it says "the argument type list(messages) can't be assigned to list(map(string,dynamic))...

[@mortezaehsani8943]

I've the same error. Could you fix it?

[@m_hussain_mustafa]

I've fixed the error, you can download the new source code with link in description or pinned comment.

[@KevSalcedo]

Just add .toList() at the end.

[@higurudematsu]

my api limit gone over, can i build this app and get result?

[@ayotunde.4034]

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

[@m_hussain_mustafa]

I've fixed the error, you can download the new source code with link in description or pinned comment.

[@ahmetcicek4696]

I have this error: The argument type 'List' can't be assigned to the parameter type 'List'.

[@m_hussain_mustafa]

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.

[@ahmetcicek4696]

​@@m_hussain_mustafa I used " chat_gpt_sdk: ^2.2.5 " and it worked but gpt api quota was exceeded

[@jemmytech5474]

@@m_hussain_mustafa same issue, when will you pinned it?

[@ericaember8571]

getting this error "The argument type 'List' can't be assigned to the parameter type 'List"

[@ahmetcicek4696]

Do you solve the error ?

[@ericaember8571]

no i gave up on the project@@ahmetcicek4696

[@m_hussain_mustafa]

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.

[@NaoyaMizukani]

​@@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

[@m_hussain_mustafa]

I've fixed the error, you can download the new source code with link in description or pinned comment.

[@JimPaoloCinco-iy4zv8kf3o]

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?

[@m_hussain_mustafa]

Hi, i'd recommend taking a look at the docs for the package and seeing what other models are avalible.

[@codewithprajith]

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?

[@m_hussain_mustafa]

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.

[@mugdadelneama7389]

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?

[@m_hussain_mustafa]

Hi, I’d recommend taking a look at source code I’ve provided link is in the description. This is a type mismatch error.

[@brent.]

When i copy the source code I still have the exact same and only error :((((@@m_hussain_mustafa

[@m_hussain_mustafa]

I've fixed the error, you can download the new source code with link in description or pinned comment.

[@Spongeboimibob]

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

[@m_hussain_mustafa]

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.

[@m_hussain_mustafa]

An easy way you be to change the List to just List.

[@Spongeboimibob]

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, );

[@kenilchandrani9805]

i am getting same error and tring solve according to you but its didnt work @@m_hussain_mustafa

[@Владислав-р2г5й]

Hello! Could you tell me please whether there are any methods to save chat messages of different users in Firebase for example?

[@m_hussain_mustafa]

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.

[@safabeauty8910]

Thank you!

[@m_hussain_mustafa]

You're welcome 😊

[@JohnCena-vj6tn]

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?

[@m_hussain_mustafa]

You can take a look at the documentation here: docs.flutter.dev/cookbook/forms/text-input

[@AthiraH-p9c]

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

[@m_hussain_mustafa]

Hi, If it says that then you have to I guess.

[@rajibtalukder6678]

It was very helpful... Well wishes for you..

[@m_hussain_mustafa]

Glad it was helpful!

[@potter_quiz_heads]

Can we use this in production?? I mean with a valid api key?

[@m_hussain_mustafa]

Yes I believe so, but the app might still require a bit more polishing.

[@AbdulRaufAnsari-z7g]

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

[@m_hussain_mustafa]

I've fixed the error, you can download the new source code with link in description or pinned comment.

[@AbdulRaufAnsari-z7g]

@@m_hussain_mustafa thank you

[@m.n9562]

Thanks

[@HaroutHarryTutunjian]

hello im having trouble in integrating the ai in my flutter project can you assist me please?

[@m_hussain_mustafa]

What issue are you facing?

[@Steveshp1]

Thanks for good contents. I have a question, How to increace font size in dash chart 2 of this App?

[@m_hussain_mustafa]

Hi, I'd recommend taking a look at the dash chat package documentation on pub.dev.

[@puffertech6779]

getting this error "The argument type 'List' can't be assigned to the parameter type 'List" kindly solve it asap 🙂

[@m_hussain_mustafa]

I've fixed the error, you can download the new source code with link in description or pinned comment.

[@dhianprameswari3524]

can i use this but iwth gemini ai key instead ?

[@m_hussain_mustafa]

I already have another tutorial on my channel on Gemini API check that out.

[@None-vj7vu]

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

[@m_hussain_mustafa]

Will try

[@None-vj7vu]

@@m_hussain_mustafa Thanks bro I appriciate it

[@adammurday17]

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.

[@m_hussain_mustafa]

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.

[@adammurday17]

@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.

[@KaiderVn]

@@adammurday17 i have the same problem how did you fix that

[@adammurday17]

@KaiderVn my account had run out of funds. I just had to top-up my account.

[@MrIMacro]

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?

[@luxshiqueen72]

I did All As well But I'm facing here the issue on the final request = ChatCompleteText( model: GptTurbo0301ChatModel(), messages: _messagesHistory, maxToken: 200, ); this part _messagesHistory showing red line . its not working can you please tell me how to clear this issue

[@nooral-f8y]

can i make a chat gpt assistant that is designed for students and don't answer anything unrelated to school curriculum

[@m_hussain_mustafa]

Yes, this should be possible but isn't very straightforward. You'll have to research into training your own GPT.

[@nooral-f8y]

@@m_hussain_mustafa can u pls make a tutorial

[@m_hussain_mustafa]

@@nooral-f8y It’s much more complicated than what I can cover in a single tutorial.

[@jemmytech5474]

is it possible to give custom string for typing user, like i want to say, Jemmy is typing?

[@m_hussain_mustafa]

Hi, Yes this is possible taking a look at the typing users property on dash chat.

[@muhammadaqsam8523]

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

[@m_hussain_mustafa]

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.

[@shaikshaheera5569]

@@m_hussain_mustafa don't we have any free models??

[@Fazz-mt8lr]

Kindly guide me i have stong concept in c++ so what should i learn now for backend for flutter smooth apps?

[@m_hussain_mustafa]

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.

[@mansipatel2220]

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,

[@m_hussain_mustafa]

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.

[@MrIMacro]

Amazing Hussain, could you please make a tutorial on how to merge a flutter app inside another flutter app?

[@m_hussain_mustafa]

Hi, I am a bit confused by your request. What does merge one Flutter app inside another mean?

[@MrIMacro]

@@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.

[@GrFoot101]

How to run this app on our mobile and use it regularly and download it and show to others

[@m_hussain_mustafa]

Hi, you'll have to publish the app on the Google Play or iOS app store.

[@GrFoot101]

Could you please make a video about it

[@GrFoot101]

@@m_hussain_mustafaplease make a video on how to publish this app on play store

[@Sandesh-k1q]

i am not getting the reply , its only showing chatgpt is typing

[@PaintingHub7]

You are right mujhy bhi sirf yahi show horaha result nahi arah

[@katariinablue]

me too, do you get the solution?

[@PaintingHub7]

@@katariinablue no

[@Anime_Animation_Illustration]

Me too

[@furqanmemon2820]

Same problem with me

[@joelkoshyjohn9010]

The argument type 'List' can't be assigned to the parameter type 'List'. dartargument_type_not_assignable how to solve it

[@m_hussain_mustafa]

Hi, This is a type mismatch error. I'd recommend taking a look at the source code to fix this.

[@Rahaf518.]

Did you solve the problem?

[@joelkoshyjohn9010]

@@Rahaf518. yes ask in github get a solution

[@joelkoshyjohn9010]

​@@Rahaf518. Just copy the full code ask gpt to slove the error in the code

[@not_justdesign]

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 )

[@m_hussain_mustafa]

Although there are many fixes to this issue. The easiest one that I recommend is to restart your computer.

[@asishgokarakonda9336]

Can we use this chat_gpt_sdk for commercial purpose? Like deploying it in playstore...

[@m_hussain_mustafa]

Yes you can.

[@asishgokarakonda9336]

thank you

[@GrFoot101]

Prerequisites for this

[@m_hussain_mustafa]

I believe just the basics of Flutter.

[@ggre55]

Very usefull tnks ❤❤

[@m_hussain_mustafa]

You're welcome 😊

[@PaintingHub7]

​@@m_hussain_mustafa please help me mujhy sirf chatgpt is typing show horaha

[@PaintingHub7]

Meny video bhi pori Dekhi kuch missing nahi hy

[@nandiniarora3932]

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.

[@m_hussain_mustafa]

You need to upgrade your billing plan to a paid plan. You’ve reached limit of free tier usage.

[@abhijitpatil9697]

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

[@m_hussain_mustafa]

Thank you for helping others out. Appreciate it.

[@amineatyq3643]

Did you solve the issue? I have the same issue.

[@ababacarcisse7969]

Merci beaucoup

[@m_hussain_mustafa]

You’re welcome.

[@Fazz-mt8lr]

Bro what should i do for backend node js?

[@m_hussain_mustafa]

Why do you need a backend for this app?

[@Fazz-mt8lr]

@@m_hussain_mustafa not for this, sir how can I collect different objects in one user cart screen guide me

[@rafaymushtaq2316]

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.

[@m_hussain_mustafa]

I have never worked with this plugin, but I'll take a look at it and try to make a tutorial on it.

[@mansipatel2220]

can we use getx state management for this?

[@m_hussain_mustafa]

Yes absolutely.

[@satyamatreja9828]

My app didn't reply back anything "Chat Gpt is typing " is only thing coming on home screen

[@m_hussain_mustafa]

Did you check to see if your request is being responded to successfully by OpenAI api?

[@ababacarcisse7969]

Thank, very good tuto .hello how to add role system in this chat app

[@m_hussain_mustafa]

Hi, I believe the best option is to take a look at the documentation for the api.

[@justlike333]

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

[@m_hussain_mustafa]

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.

[@shaibysheikh5209]

i have a error is answer is not give in debugg mode.....?

[@m_hussain_mustafa]

Hi, I am a bit confused as to what you are asking.

[@39_fiklialfaiqgyonanda26]

How to change Text "Write a message..." and change color?

[@m_hussain_mustafa]

It should be fairly simple. Just change the hintText and hintTextStyle attributes for the textfield.

[@tcgalien]

there is an error while i setState why

[@m_hussain_mustafa]

What is the error?

[@tcgalien]

@@m_hussain_mustafa setState is not recognized

[@MurtadaYahya-w8r]

dont work when i build apk

[@blackknightjoker7594]

Some times you will loss some json data in API call when build apk

[@Zewyn]

error 429 do you have a solution for this?

[@m_hussain_mustafa]

What is the error specifically?

[@chani4551]

Yo i get "NOT missing your token"

[@rafhaellowixhomwad]

is there a limit?

[@m_hussain_mustafa]

Yes there is a free tier limit imposed by openai, after which you have to pay.

[@AhmedAlabd122]

can you give me a link to your android emulator version?

[@m_hussain_mustafa]

Hi, I use Pixel 7 Android API 33 as my simulator.

[@dovanlam1207]

please give me source code again, thank a lot,

[@m_hussain_mustafa]

Hi, source code link is in description.

[@ajeeshdas8561]

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?

[@m_hussain_mustafa]

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.

[@NoureddineMaryem]

I have this error: The argument type 'List' can't be assigned to the parameter type 'List'.

[@abyanhafiizh-3065]

down grade your chat_gpt_sdk to ^2.2.5 in pubspec.yaml

[@kenilchandrani9805]

i am getting error like this he argument type 'List' can't be assigned to the parameter type 'List

[@m_hussain_mustafa]

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.

[@mutken]

@@m_hussain_mustafaEven in your code it shows the same error