I built my first generative AI app using Gemini and Flutter

Sdílet
Vložit
  • čas přidán 27. 07. 2024
  • Recently, the Flutter team announced a new Dart SDK - google_generative_ai. It enables developers to use Google's state-of-the-art generative AI models in their applications. In this video, we will dive into the journey of building my first AI-powered photo scavenger hunt game using the new AI Dart SDK, Gemini and Flutter.
    ---
    Links:
    ► Project repository: github.com/mkobuolys/ai-photo...
    ► google_generative_ai package: pub.dev/packages/google_gener...
    ► Flutter: flutter.dev/
    ► Dart: dart.dev/
    ---
    Connect with me:
    ► X: x.com/mkobuolys
    ► GitHub: github.com/mkobuolys
    ► Blog: kazlauskas.dev
    ---
    Subscribe: bit.ly/369W7RM
    Chapters:
    00:00 Intro
    00:33 Game overview
    00:52 Project structure
    01:32 State management using BLoC
    02:36 Using the google_generative_ai package
    04:28 Prompt engineering
    05:32 Final result overview
    #ai #generativeai #gemini #geminisprint #buildwithgemini #flutter #dart #game #app

Komentáře • 31

  • @sskohli79
    @sskohli79 Před 4 měsíci

    pretty good idea and slick app. very nice. thanks for sharing

    • @mkobuolys
      @mkobuolys  Před 4 měsíci +1

      Glad you like it! ✌️

  • @TAMILGADGETS
    @TAMILGADGETS Před 4 měsíci +3

    your promt idea was out of box thinking bro so nice

    • @TAMILGADGETS
      @TAMILGADGETS Před 4 měsíci

      can we check liveness and other AR related thinks with this package ?

    • @mkobuolys
      @mkobuolys  Před 4 měsíci

      This is my take: AR requires live (or close to that) streaming and processing, thus sending prompts/requests to Gemini API won't be effective - you should probably use on-device models for that (like ML Kit). It depends on your needs, but you could do some on-device processing for AR and then send specific requests to Gemini to aggregate, calculate or summarise your text + image prompts.

  • @gerfalconVogel
    @gerfalconVogel Před 4 měsíci

    Can't imagine how hard was to summarize everything into 6 minutes! Great job, buddy!
    Loved your censor :D 🙈🙈🙈🙈🙈🙈🙈🙈🙈🙈🙈🙈🙈

    • @mkobuolys
      @mkobuolys  Před 4 měsíci

      Thanks! When your editing skills are terrible, this is the best “blur” I can deliver 😅

  • @purnakumbhar3951
    @purnakumbhar3951 Před 4 měsíci +2

    Really good tutorial!

    • @mkobuolys
      @mkobuolys  Před 4 měsíci

      Glad it was helpful! ✌️

  • @ojasvisingh786
    @ojasvisingh786 Před 4 měsíci +1

    🤩🥳👏

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

    Good video

  • @AleksanderGolus
    @AleksanderGolus Před 2 měsíci +1

    Hi! Is it possible to keep get the token without the expiration date?

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

      Hey, I don’t think so. Even though it would be possible, that’s definitely not a recommended thing to do due to security reasons.

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

    can we get image output from gemini api i cant find it

  • @assem_alia
    @assem_alia Před 4 měsíci

    I have problème i always get a phrase ai décidéd to take break

    • @mkobuolys
      @mkobuolys  Před 4 měsíci

      Hey! Double-check if Gemini is available in your region and use the appropriate method (Gemini API vs Vertex AI API).

  • @alexcannizaro3333
    @alexcannizaro3333 Před 4 měsíci

    Wow! Such a great tutorial
    But, I am continuously seeing the "take a break" instead of what is expected.
    I am also using the right api key and exactly as you have mentioned but still not able to run it successfully.
    I thought, maybe I was doing some code error, so I cloned your repo and tried with my api_key but still same issue.
    I am getting GenerativeAIException
    Also, My region is available in Gemini.
    Btw, Thanks a lot, your flutter skills are amazing. I really want your advice on how should I learn flutter deeply and effectively ?
    Can you please help me, I have wasted a lot of time watching endless tutorials but not able to build skills yet, can you please help me

    • @mkobuolys
      @mkobuolys  Před 4 měsíci

      Hey, thanks for the kind words! I've just checked the project, and everything works fine if you follow the instructions in the README file. If you get a specific GenerativeAIException, check the error message to see what's wrong.
      I recommend following a Flutter roadmap to bring more structure to your learning and make it effective rather than watching random tutorials.

    • @alexcannizaro3333
      @alexcannizaro3333 Před 4 měsíci

      @@mkobuolysThanks a lot for the response. Yes, I should follow a structured roadmap. Can you plz plz share some roadmap if you have , or if you know reference to any course ( free / paid doesn’t matter ) it will be really really helpful.
      Any sort of reference will be highly appreciated, thanks

    • @mkobuolys
      @mkobuolys  Před 4 měsíci

      @@alexcannizaro3333 github.com/olexale/flutter_roadmap

    • @alexcannizaro3333
      @alexcannizaro3333 Před 4 měsíci

      @@mkobuolys Thanks a lot for the reference. I would surely make use of it.

  • @siyam333
    @siyam333 Před 4 měsíci +1

    Google Gemma project demo

  • @shaurya8024
    @shaurya8024 Před 4 měsíci

    Ok first thing
    You are an amazing developer
    But
    I have a request
    Please make a flutter Firebase wallpaper app tutorial (front end and back end)
    I did the research and found that there are no videos on flutter Firebase wallpaper app on youtube
    All developer who are student and others search a lot about a flutter Firebase wallpaper app
    We found tutorial on flutter wallpapers app but we don't need any api integration (no api)
    We need a flutter Firebase app
    We need a app which have Firebase as a storage (no api, like pixels or nothing)
    And hear is an outline
    1 Home screen (resent wallpaper)
    2 Category screen
    3 Favorite screen
    4 Setting (profile, auto change wallpaper, notifications, and other settings)
    5 we can download wallpaper, set as home/lock/both as wallpaper
    Simple and clean app look
    (Optional:- random wallpaper and Trending wallpaper screen)
    Please make if you can
    We will learn a lot about Firebase from it
    And scince no one have made video on this i am sure your video will gain lots of views
    Thanks
    And make complete app (frontend and backend)

    • @mkobuolys
      @mkobuolys  Před 4 měsíci

      Hey, thanks for your suggestion. This is a very niche project request and I am not sure that will benefit that many Flutter community members. I would rather create something more generic about Flutter and Firebase.

    • @shaurya8024
      @shaurya8024 Před 4 měsíci

      @@mkobuolys thanks for reply, but atleast try once,,, or you make a pole on CZcams and include Firebase wallpaper app in it and let us vote 🗳️ ,,, and then you will have clear vision on what you need to do.

    • @mkobuolys
      @mkobuolys  Před 4 měsíci

      @@shaurya8024
      1. Having in mind that you were the first person asking me for the wallpaper + Firebase app indicates that’s a pretty niche project.
      2. Having in mind that there were multiple requests for using Firebase on Flutter (E-commerce, podcast/music, chat apps, maybe others I do not remember on the spot) indicates that a more generic but advanced Flutter + Firebase content is probably needed.
      That’s my research 🤷‍♂️

    • @venxwar
      @venxwar Před 4 měsíci

      ​@@mkobuolysCreating a Flutter wallpaper app integrated with Firebase is an excellent and stunning idea. Could you please consider making videos about it? I would greatly appreciate it if you didn't ignore my request.,, please 😁😅

    • @mkobuolys
      @mkobuolys  Před 4 měsíci

      @@venxwar I will consider it, sure