Flutter Google Gemini Chat App Tutorial - Flutter Gemini API Chat Application Guide

Рет қаралды 6,880

2 ай бұрын

💼 Book a meeting: cutt.ly/gwmvJbPQ
💎 Ultimate Flutter UI Kit: cutt.ly/3w6tqwFA
In this video we will learn how to create an AI powered chat application using Flutter and Google Gemini API. We will take a look at implementing the flutter_gemini package to communicate with Gemini API from our Flutter application. I will show you everything you need to know to setup your application including installing dependencies, generating Gemini API Key, and chatting with Gemini using Text and Images. This is an excellent guide for beginner Flutter developers, or anyone looking to learn about creating an AI powered chat application using Flutter and Google Gemini API.
Resources:
Source Code: cutt.ly/vw3OFAEA
Flutter Gemini: pub.dev/packages/flutter_gemi...
Dash Chat 2: pub.dev/packages/dash_chat_2
Image Picker: pub.dev/packages/image_picker
Socials:
Website: hussainmustafa.com
Github: github.com/hussain-mustafa990
LinkedIn: / hussain-mustafa-960920184
Twitter: / hussain34274892
Buy Me A Coffee: www.buymeacoffee.com/hussainm...
#flutter #learnflutter #fluttershare #fluttertutorialforbeginners

Пікірлер: 61

@moneyman-ne9lw 2 ай бұрын

Mind-blowing tutorial! I never thought integrating AI into a Flutter app could be this straightforward.

@m_hussain_mustafa 2 ай бұрын

That is great to hear. Enjoy 😊

@bestpractice_english 2 ай бұрын

Your explanations are clear, and the demo is impressive.

@m_hussain_mustafa 2 ай бұрын

I'm happy to hear that. Thanks for your support.

@oyewumimarvellous 2 ай бұрын

Thank you, sir. Your tutorials are always brief and explanatory. Keep growing, Keep Learning.🥰👌

@m_hussain_mustafa 2 ай бұрын

You’re welcome. Thank you 😊

@DanielObuh-rd3yr 18 күн бұрын

Thanks for your help

@m_hussain_mustafa 17 күн бұрын

You’re welcome ☺️

@user-fz6se6jx8x 22 күн бұрын

Thanks alot

@m_hussain_mustafa 22 күн бұрын

Happy to help

@ahmedothman784 27 күн бұрын

شكرا علي الشرح الجميل ده

@m_hussain_mustafa 26 күн бұрын

You're welcome.

@MrIMacro 2 ай бұрын

Amazing, keep going

@m_hussain_mustafa 2 ай бұрын

Thanks 😊

@ShaunyTravels. 2 ай бұрын

Love the video as always man !!! How can you change the response language of gemini in this app say Spanish or german ?

@m_hussain_mustafa 2 ай бұрын

I think asking the question in Spanish or German might yield an answer in those languages, or you can to the users prompt add before sending it to Gemini to reply only in a certain language. Other than this a more robust solution would be a custom gpt.

@sergioj.7138 14 күн бұрын

great video!

@m_hussain_mustafa 14 күн бұрын

Thank you 😊

@majedaleisa 2 ай бұрын

Thank you so much. Can I restrict the answers to a specific topic?

@m_hussain_mustafa 2 ай бұрын

Hi, You're welcome. What do you mean by restrict the answer to a specific topic?

@majedaleisa 2 ай бұрын

@@m_hussain_mustafa let's say I will create an app that only teaches cooking and nothing else.

@atultiwari88 9 күн бұрын

Hi, thank you for this video. Subscribed. I have a question - how to RAG (chat with pdf) in this app? Thank you.

@m_hussain_mustafa 8 күн бұрын

I'd recommend using an on device vector database, then storing your data with it, then when user asks a question, search vector database, and combine any relevant information with the user question and then send it to Gemini.

@Sainto0 11 күн бұрын

can we get image output ? if yes then how please

@casualgaming9395 2 ай бұрын

Hello, great video tutorials! I have one question, why do you set the minSdkversion to 21 in app level build.gradle file and not its default, you did the same in the previous video too.

@m_hussain_mustafa 2 ай бұрын

Hi, Because of some packages that we use they require min sdk version to be 21.

@casualgaming9395 2 ай бұрын

@@m_hussain_mustafa Oh ok , Thank you

@omar-yp7jt 20 күн бұрын

هذا جيد تستحق مليون مشترك

@m_hussain_mustafa 19 күн бұрын

Thank you.

@omar-yp7jt 19 күн бұрын

@@m_hussain_mustafa عندي مشكلة عندما ارسل رسالة يتم تعليق البوت هل مشكلة sdk version قديمة 3.16.3

@theresalau3183 27 күн бұрын

Thank you, Sir, your video is very helpful. But now I have a problem is that how to display the image that gemini return in the chat?

@m_hussain_mustafa 27 күн бұрын

Thanks for the comment. What form is the image data returned in? A url or base64?

@theresalau3183 27 күн бұрын

@@m_hussain_mustafa I wasn't sure about it. I'm using the exact code like yours and free gemini api. I tried few messages and it either return me " or [Image of the recipe]" or a very long message "=++=: :%@@@@& @@#+. #.@@@@@.:#@@@@@@+. -@@@@@ -%@@@@&+. .@@@@@-:%@@@@@@@*. .@@@@@@@@&&" or "::....... ............. ........" in the chat.

@theresalau3183 27 күн бұрын

@@m_hussain_mustafa I wasn't sure about it. I am using the exact code like yours and free gemini api. I tried a few times asking gemini to return me image in chat. It reply to me " or [Image of the recipe]" or a very long message "=++=: :%@@@@& @@#+. #.@@@@@.:#@@@@@@+. -@@@@@ -%@@@@&+. .@@@@@-:%@@@@@@@*. .@@@@@@@@&&" or long message "::......."

@karangoswami3734 Ай бұрын

Brother can u add history of the chat so that the user can see it

@m_hussain_mustafa Ай бұрын

Yes that should be possible. You just need to add the previous messages to the prompt you send to gemini and then you should have the history feature.

@karangoswami3734 Ай бұрын

@@m_hussain_mustafa bro and how to make the prompt history clickable like when used see the history and want to give the same prompt then how can he do without again typing it

@harimanielluru9023 11 күн бұрын

Where can i get the source code i couldnt able to get the code from the given link. Thanks in Advance

@m_hussain_mustafa 11 күн бұрын

Why what was the issue with the link in the description?

@harimanielluru9023 11 күн бұрын

@@m_hussain_mustafa i couldnt able to find the source code for this video

@m_hussain_mustafa 11 күн бұрын

@@harimanielluru9023 The link is in the description.

@bicff7982 2 ай бұрын

Please give me your source code, your source code link is not accessible, hope you can upload it to github,Please Please

@m_hussain_mustafa 2 ай бұрын

Hi, I checked and the source code link in description is working.

@STMARYSENGLISHHIGHSCHOOL Ай бұрын

I am getting a error of late initialized idk why

@STMARYSENGLISHHIGHSCHOOL Ай бұрын

Basically where you created the instance of gemeni

@funmemeam Ай бұрын

Same please help

@czarinacuarez 2 ай бұрын

hello ! the link was not sent into my email acc

@czarinacuarez 2 ай бұрын

it was already sent. thank u so much for the tutorial! it was effective :D

@m_hussain_mustafa 2 ай бұрын

Glad it work out. :)

@Alan-eq4zh 2 ай бұрын

I thoroughly watched the video, completed the tutorial, built the APK file, and used it on my Android phone. However, I encountered an issue: in this chat app, I didn't receive any response from Gemini. Strangely, in the emulator, it responds correctly during run in emulator in VS code. Could you please assist me in resolving this error? Additionally, I attempted to contact you via LinkedIn, but we haven't connected yet. I usually reach out for other queries through LinkedIn. Finally, could you please help me with resolving this error?

@m_hussain_mustafa 2 ай бұрын

Hi, I'd recommend taking a look at the debug console when you deploy your app on a physical device to see what the issue is? Then maybe you can post the error log here and I'll try to see If I can help. Additionally, if you need more personalized support then you can schedule a meeting with me.

@Alan-eq4zh 2 ай бұрын

Bro, it seems like there's no problem during the app deployment phase. However, when I tested the app I built, I noticed that the Gemini chatbot isn't responding to my messages; it only accepts mine. Could you please try deploying the app and using it on your mobile device to see if it works properly?

@Alan-eq4zh 2 ай бұрын

@@m_hussain_mustafa Bro, it seems like there's no problem during the app deployment phase. However, when I tested the app I built, I noticed that the Gemini chatbot isn't responding to my messages; it only accepts mine. Could you please try deploying the app and using it on your mobile device to see if it works properly?

@Alan-eq4zh 2 ай бұрын

@@m_hussain_mustafa How can I schedule a meet with you is that free

@whoami4742 Ай бұрын

You have to give internet permission