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

Поделиться
HTML-код
  • Опубликовано: 23 ноя 2024

Комментарии • 92

  • @moneyman-ne9lw
    @moneyman-ne9lw 7 месяцев назад +8

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

  • @rlt_app
    @rlt_app 7 месяцев назад +2

    Your explanations are clear, and the demo is impressive.

    • @m_hussain_mustafa
      @m_hussain_mustafa  7 месяцев назад

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

  • @marvellous_ray
    @marvellous_ray 7 месяцев назад +1

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

  • @majedaleisa
    @majedaleisa 7 месяцев назад +3

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

    • @m_hussain_mustafa
      @m_hussain_mustafa  7 месяцев назад +1

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

    • @majedaleisa
      @majedaleisa 7 месяцев назад

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

  • @_IT_SanketBanerjee
    @_IT_SanketBanerjee 2 месяца назад

    Crystal clear explanation.
    But how to format the generated text?

  • @casualgaming9395
    @casualgaming9395 7 месяцев назад +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
      @m_hussain_mustafa  7 месяцев назад

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

    • @casualgaming9395
      @casualgaming9395 7 месяцев назад

      @@m_hussain_mustafa Oh ok ,
      Thank you

  • @huyinh9582
    @huyinh9582 Месяц назад +1

    Thank you sir. But I wonder if the dash_chat package is customizable or not, can you reply me?

    • @m_hussain_mustafa
      @m_hussain_mustafa  Месяц назад

      You’re welcome and yes the dash chat package is very customisable

    • @huyinh9582
      @huyinh9582 Месяц назад

      @@m_hussain_mustafa Thanks. I have one more problem that I want to make the container behind the input field becomes transparent, do you know how to do this?

  • @atultiwari88
    @atultiwari88 5 месяцев назад +1

    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
      @m_hussain_mustafa  5 месяцев назад +1

      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.

  • @MrIMacro
    @MrIMacro 7 месяцев назад +2

    Amazing, keep going

  • @ShaunyTravels.
    @ShaunyTravels. 7 месяцев назад +1

    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
      @m_hussain_mustafa  7 месяцев назад

      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.

  • @alisbaamjad1462
    @alisbaamjad1462 3 месяца назад +1

    Great effort sir!!! ❤

  • @just_a_random_guy8174
    @just_a_random_guy8174 4 месяца назад +1

    i am getting a problem, whenever i send an image a 404 error is returned Please help!!

  • @l2pknerd271
    @l2pknerd271 4 месяца назад

    This is a life saver thank you so much, any recommendations to make this chatbot on vertex AI to perform google search (grounding) any pointers would be greatly appreciated!

  • @sidali9796
    @sidali9796 2 месяца назад

    Hello, I have a problem when I run the code on the web. The code works correctly, but when I run the code on a real phone and I ask a question, I do not receive any answer from it. Please help me, thank you.

  • @VineetMotwani
    @VineetMotwani 2 месяца назад

    The gemini API is not responding with the description of the image, even if chatting is working fine.

  • @theresalau3183
    @theresalau3183 6 месяцев назад +1

    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
      @m_hussain_mustafa  6 месяцев назад

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

    • @theresalau3183
      @theresalau3183 6 месяцев назад

      @@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
      @theresalau3183 6 месяцев назад

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

  • @shafqatkhan8766
    @shafqatkhan8766 4 месяца назад

    How to do that user can upload pdf file and gemini gives reponse on the basis of text in pdf with user prompt about pdf?

  • @learn.chunhthanhde
    @learn.chunhthanhde 4 месяца назад +1

    Thank you for a helpful example

  • @4purbo
    @4purbo 4 месяца назад +1

    The ImagePicker on your device looks pretty cool but it is not in Samsung 😆, do you know how I can make a same ui for image picking in all devices? Like in instagram, no matter what phone you use, the image picking ui is same

    • @m_hussain_mustafa
      @m_hussain_mustafa  4 месяца назад

      Hi, you'd have to make a custom image picker widget for that. Or you can take a look at utilizing a package that already does that eg multi_image_picker_view: ^1.0.3

  • @Timyarm
    @Timyarm 4 месяца назад +1

    how would you make it so gemini references previous chat history so it becomes multi modal?

    • @m_hussain_mustafa
      @m_hussain_mustafa  4 месяца назад

      The easiest way would be to pass the entire chat history to Gemini with every new prompt you give it.

    • @Timyarm
      @Timyarm 4 месяца назад

      @@m_hussain_mustafa is that what google does for gemini?

  • @karangoswami3734
    @karangoswami3734 6 месяцев назад +2

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

    • @m_hussain_mustafa
      @m_hussain_mustafa  6 месяцев назад

      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
      @karangoswami3734 6 месяцев назад +1

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

  • @Sainto0
    @Sainto0 5 месяцев назад

    can we get image output ?
    if yes then how please

  • @ahmedothman784
    @ahmedothman784 6 месяцев назад +1

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

  • @hardikghuge2681
    @hardikghuge2681 5 месяцев назад +1

    Can I turn off the textbox and only take image inputs if yes then how?

    • @m_hussain_mustafa
      @m_hussain_mustafa  5 месяцев назад

      It should be possible I'd recommend taking a look at the documentation.

    • @hardikghuge2681
      @hardikghuge2681 4 месяца назад

      @@m_hussain_mustafaThanks a lot,for your suggestion I did that,I collapsed the input box and set the always show send button to false!
      Now I'm looking forward to only show the images when I send the message and not the text that goes with it,any help with that?

  • @omar-yp7jt
    @omar-yp7jt 5 месяцев назад +1

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

    • @m_hussain_mustafa
      @m_hussain_mustafa  5 месяцев назад

      Thank you.

    • @omar-yp7jt
      @omar-yp7jt 5 месяцев назад

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

  • @theobuh
    @theobuh 5 месяцев назад +1

    Thanks for your help

  • @mzulqarnain1396
    @mzulqarnain1396 4 месяца назад

    It overwrite the response how would i resolve this

  • @arushigupta8399
    @arushigupta8399 3 месяца назад +1

    i keep getting 404 error from Gemini when I submit an image

    • @trunghungnguyen822
      @trunghungnguyen822 3 месяца назад

      Yes me too, are you fix them? , i find many source to help, but i can not handle

  • @sergioj.7138
    @sergioj.7138 5 месяцев назад

    great video!

  • @eslamabozied4506
    @eslamabozied4506 5 месяцев назад +1

    great thank you

  • @Noorkhan-h3b
    @Noorkhan-h3b 6 месяцев назад +1

    Thanks alot

  • @harimanielluru9023
    @harimanielluru9023 5 месяцев назад

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

    • @m_hussain_mustafa
      @m_hussain_mustafa  5 месяцев назад

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

    • @harimanielluru9023
      @harimanielluru9023 5 месяцев назад

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

    • @m_hussain_mustafa
      @m_hussain_mustafa  5 месяцев назад

      @@harimanielluru9023 The link is in the description.

  • @bicff7982
    @bicff7982 7 месяцев назад +1

    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
      @m_hussain_mustafa  7 месяцев назад

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

  • @STMARYSENGLISHHIGHSCHOOL
    @STMARYSENGLISHHIGHSCHOOL 6 месяцев назад

    I am getting a error of late initialized idk why

  • @creationofshashankg.s8887
    @creationofshashankg.s8887 4 месяца назад +1

    There is no source code

  • @ardapeker6942
    @ardapeker6942 5 месяцев назад

    🤯🤯

  • @Alan-eq4zh
    @Alan-eq4zh 7 месяцев назад +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
      @m_hussain_mustafa  7 месяцев назад +1

      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
      @Alan-eq4zh 7 месяцев назад +1

      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
      @Alan-eq4zh 7 месяцев назад

      @@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
      @Alan-eq4zh 7 месяцев назад

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

    • @whoami4742
      @whoami4742 6 месяцев назад

      You have to give internet permission

  • @czarinacuarez
    @czarinacuarez 7 месяцев назад

    hello ! the link was not sent into my email acc

    • @czarinacuarez
      @czarinacuarez 7 месяцев назад

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

    • @m_hussain_mustafa
      @m_hussain_mustafa  7 месяцев назад

      Glad it work out. :)