Flutter chat app with Gemini AI

Sdílet
Vložit
  • čas přidán 27. 07. 2024
  • 📄Design your own chat app with Gemini AI.
    In this new tutorial, we will learn how to design a Flutter mobile application using Gemini Ai, but also how to use riverpod to manage dark and light mode.
    By following each step of this tutorial until the very end, you will be able to integrate Gemini AI pro into any Flutter application.
    ------------
    ⏳ TIMESTAMPS :
    00:00 : Introduction
    01:27 : Display list of message
    11:20 : Input button
    19:22 : Appbar
    22:58 : Onboarding
    33:02 : Splashscreen
    34:30 : Dark mode
    50:00 : Riverpod
    01:07:50 : Gemini Api
    01:22:00 : Demo
    📒 Source Code:
    ☑️ github.com/Fabrice-Fabio/gemi...
    -----------
    🤝 Telegram Community
    ☑️ t.me/flutterguysgp
    -----------
    📝 Linkedin:
    ☑️ / fabrice-sumsa
    ☑️ / mahdinazmi
    -----------
    👨‍💻 GitHub:
    ☑️ github.com/Fabrice-Fabio
    ☑️ github.com/mahdinazmi
    -----------
    ☎️ Contact Us:
    ☑️ mahdiforwork@gmail.com
    ☑️ sumsa.fabrice@gmail.com
    ------------
    #flutter #fluttertutorial
  • Zábava

Komentáře • 9

  • @deepak5074
    @deepak5074 Před měsícem +1

    Thank you bro keep doing for community

  • @vedcreators-hx8ic
    @vedcreators-hx8ic Před 7 dny

    How to remove gemini branding in our app like
    User ask what is name to waha gemini ko kaise stope Or How to change your name in place of Gemini? I am Nikhil Bot. How can I help you? like this Will we get such an option? This is why I have to list on Play Store.

  • @atultiwari88
    @atultiwari88 Před měsícem

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

  • @user-br5yx4qg3k
    @user-br5yx4qg3k Před měsícem +1

    i just have a doubt i found two packages one is flutter gemini and google generative ai whats the difference between these

    • @flutterguys
      @flutterguys  Před měsícem

      google generative is an official package recommanded by google team

    • @user-br5yx4qg3k
      @user-br5yx4qg3k Před měsícem

      @@flutterguys so it includes gemini inside?

  • @GodRishUniverse
    @GodRishUniverse Před měsícem +3

    How do you secure your Gemini key? I was hoping to create an app and publish on github but if I do then my API key will be visible and I do not want that. How would I secure it?

    • @flutterguys
      @flutterguys  Před měsícem +2

      Yes, don't publish your key on github, you can put it directly in .env file and then specify this to your gitignore file this way you won't deploy it on your github and you can run it locally and also during your deployment.