Real-Time, Multi-Turn AI Chatbot with Flutter, Gemini, Dart Frog and google_generative

Real-Time, Multi-Turn AI Chatbot with Flutter, Gemini, Dart Frog and google_generative_ai

Рет қаралды 4,103

Күн бұрын

Let's build a Flutter app that utilizes google_generative_ai and the Gemini AI model to build a real-time, multi-turn AI chatbot.
🚀 Learn Flutter / Build Apps 👇
🧑‍💻 App dev • www.atomsbox.com
✍ Flutter Templates • www.atomsbox.com/templates
💾 GitHub • www.github.com/maxonflutter
We will build an AI chatbot to generate responses to the user's messages. It will be real-time as the app will provide a response even before the Gemini AI model completes the full response.
00:00 Introduction
04:55 Kickstart the project and initial code walkthrough
12:05 WebSocket initial setup on the server-side
16:05 Google Gemini: Get an API key
21:40 Message Types and Message objects
26:40 Create user messages from the Flutter app
01:02:00 Create AI generated responses with Google's Gemini
To implement this project:
1. We will setup a backend server using Dart Frog as we will process the interaction with the Gemini model on the server-side to monitor and control access and the requests.
2. We will use the Google AI Dart SDK that is accessible through the new google_generative_ai package: pub.dev/packages/google_gener...

Пікірлер: 22

@MaxonFlutter 3 ай бұрын

🚀 Learn Flutter / Build Apps 👇 🧑‍💻 App dev • www.atomsbox.com ✍ Flutter Templates • www.atomsbox.com/templates 📱The best chat app template available: www.atomsbox.com/templates/echo-link

@Bahne123456 3 ай бұрын

Max, one of the best flutter devs i know❤

@jecloyacosta5934 Ай бұрын

how can I implement the Retrival Augmented Generation technique here. do you have any idea ? thank you 🙏🏿

@starinstrument8548 2 ай бұрын

You men I like your videos at all. But one thing to help me...is this way use for multiple users simultaneously?

@atultiwari88 6 күн бұрын

Hi. Can you please tell how to use RAG in this?

@starinstrument8548 2 ай бұрын

Sur! Thanks for your support, but one thing more, what if my app have many users. how could i configure?....please help me on this , when some try to create app for his thousand customers what will be the way i hope one API is only for one customer not enough to cover all.

@AdhamFaisal875 3 ай бұрын

please hot to speach note and play and download this audio? how to add options maleVoice and famleVoice

@ashishnagar 3 ай бұрын

Will you be publishing this project on GitHub? I would like to see - Markdown formatting in Model response, Clear chat or Start new chat, and Regenerate response are some of the starting features. I will be following this one closely. Thank you so much for the amazing walkthrough.

@pranshushukla4572 3 ай бұрын

packages/models sections was unable to build , i dont know why but it was an issue for me Did you made that package/models section??

@MaxonFlutter 3 ай бұрын

Yes, the code is here: github.com/maxonflutter/Realtime-Multiturn-Chatbot-With-Flutter-And-Gemini

@ashishnagar 3 ай бұрын

@@MaxonFlutter Thank you ❤

@pranshushukla4572 3 ай бұрын

please tell me how did you create the packages/models folder using terminal?

@MaxonFlutter 3 ай бұрын

Hey there! For the packages directory, you can simply use mkdir packages. For the models package --> flutter create --template=package models You can find more about that: docs.flutter.dev/packages-and-plugins/developing-packages

@pranshushukla4572 3 ай бұрын

@@MaxonFlutter having issue in various other parts as well , so can you please share the github repo ?

@shaurya8024 3 ай бұрын

Ok first thing You are an amazing developer Excellent ui designer 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)

@darkrider99x 3 ай бұрын

I'm following your tutorial but in the chat screen you used ".animate()" and ".shimmer()" with rich text but they don't exist although i have the latest sdk

@MaxonFlutter 3 ай бұрын

You'll have to import the flutter_animate library for these.

@Jeega75 Ай бұрын

Please add the feature 1 user login 2 storing history and reload the history

@MaxonFlutter Ай бұрын

Thanks for the suggestion!

@MaxonFlutter 3 ай бұрын

❓Which other features should I add to the project?

@AbdulSalam-nr9kw 3 ай бұрын

Adding a voice button for speech-to-text conversion and sending the text to the server is a great idea. Also, incorporating text-to-speech functionality with each message would enhance accessibility, I mean a small button with each message. Additionally, allowing users to upload images and utilizing the Gemini model to describe them would be a valuable feature. The video is great dude, totally awesome. Appreciate your efforts.

@ahmedfouda45 3 ай бұрын

drawer list of (chat history name)