Build a Real-time Flutter Chat Application using Stream

I have made an updated video for this on a different channel, at: • Stream Chat Flutter: Q...
In this tutorial, using the Stream platform, we explore their chat API and Flutter components to build a real-time chat application in Flutter using only 100 lines of code (give or take). Stream's integration with Flutter creates one of the fastest and easiest ways to incorporate live chat into your application.
Timestamps:
Flutter Chat Components: 3:42
Stream Dashboard: 22:24
Customizing Chat Components: 33:33
Relevant links:
Check out Stream: getstream.io/
Check out Stream Chat: getstream.io/chat/
Check out Stream's Flutter Chat Tutorial: getstream.io/chat/flutter/tut...
Check out Stream's Flutter Social Network Tutorial: getstream.io/blog/stream-flut...
Check out Flutter: flutter.dev/
pub.dev/packages/stream_chat_...
github.com/GetStream/stream-c...
github.com/GetStream/stream-cli
Github for the application in the video:
github.com/funwithflutter/flu...

[@FunwithFlutter]

Hey 👋🏻 This video has been updated! It's on the official Stream Developer KZbin channel if you want to watch it: kzbin.info/www/bejne/poDCfoKAh9aMos0

[@dalestewart]

Yes, I'm interested in more tutorials using Streams. Thanks.

[@thekingofpuppets]

This is definetly going to be my next portfolio project! Thanks!

[@FunwithFlutter]

Good choice!

[@rajayogan8884]

Hello, I have been following your channel for a long time now.. Have learnt a lot of stuff. Thanks a lot.

[@FunwithFlutter]

I've seen your name a lot! Thanks so much for the support. I hope you enjoy the videos that are still on their way, please feel free to send suggestions or ideas for stuff you'd like to see.

[@gauravxdhingra]

And we have learnt a lot from your channel too! Thanks

[@FunwithFlutter]

@@gauravxdhingra That means a lot :) thanks for the nice words everyone

[@viniciusgregorio1412]

@@FunwithFlutter wow ! The gods are talking each other

[@basdfgwe]

Funny how I watch your channel for a long time @raja yogan and have learnt a lot of stuff.

[@giovannymoreno1920]

Spring gang background audio! Love ur content btw

[@FunwithFlutter]

Thanks!!

[@RobertoJuarez]

Awesome, I love your content, it's been so useful.

[@FunwithFlutter]

Thanks so much. More content is in the works!

[@RobertoJuarez]

@@FunwithFlutter Awesome! waiting for that

[@mohammedtariq4642]

@@RobertoJuarez what language did he use

[@RobertoJuarez]

@@mohammedtariq4642 DART

[@phamtrunghuong7216]

Very nice, thank you

[@alpgorusuk6379]

You are worthy source for us thank you :)

[@FunwithFlutter]

So nice of you

[@loisienyami5095]

Hi hi! I wonder if there's a slightly cheaper chat api that could work with flutter. But I do love the use of Stream chat api. Seems simple and easy after checking the docs, but dang it's expensive... but the Stream feed api does seem very promising on my part. Thank you for these awesome tutorials you put out!

[@FunwithFlutter]

I'm not too sure I would need to do a bit more investigating. And yeah, Stream Feed seems dope!

[@surajpaudel5928]

@FunwithFlutter, Is it just for UI and chat logic(like, listen stream, update stream) or it is full fledge with it's own server to store chat messages.? In my case I have my own server I just want to use this package's UI component to display message, listen to new message and update message list accordingly .

[@VJKoding]

Amazing thanks you bro ❤️

[@FunwithFlutter]

Welcome 😊

[@bosesaitech6083]

I had a doubt can i add new users with other server or this stream server. please explain detailing about this one

[@moawadsoliman6478]

Thanks to you Bro from Egypt

[@FunwithFlutter]

You're welcome!

[@alexislogmo8247]

Has anyone ever used gestream and flutter local notification so that when one sends a message, the recipient receives a notification?

[@eminentwebsitesolutions465]

Hello I need your help and guidance to know if i want to access contacts of the user device and chat with those users what changes i need to do and how and in what places?? Please Help Me With This.

[@dalestewart]

Yes I'm interested if you plan on making a fully fledged chat application using python as the backend.

[@berthojoris]

Nice....Thanks bro

[@FunwithFlutter]

It's a pleasure man

[@ThierrySchellenbach]

awesome, crazy how easy flutter/dart is compared to kotlin/swift

[@FunwithFlutter]

Definitely

[@CSSuccessGamer]

i learned kotlin before flutter was invented. But then decided to go all flutter now.

[@Build_the_Future]

Can I use this to communicate with a server with an IP and a port?

[@MohamedIbrahim-uk7mj]

Hello Which database do u use with this app?

[@BabarAli-yb1eg]

Man it's really awesome but please make a tutorial to build a chat app with socket io .. or something else.. this stream api is really expensive as it goes 😅

[@FunwithFlutter]

Stream has a Feed API as well, which has a free tier, still need to explore that more. But yeah, easy solutions will cost you money lol. If you're running a business and want to quickly include chat functionality (and you have the $$) it's worth it. Haven't really explored socket io much. But I should say thanks to you, you gave me a good idea for a video/product :)

[@gurusubhani]

Fantastic. Please make a tutorial to make a tiktok like app please.

[@Toskan]

How can i preview it or use it?

[@adedamolarioland7619]

you have not finish the tutorial how were did you get that token from becos i try using my own apikey and token to set a user but i get error 401 with status code of 40

[@adedamolarioland7619]

how can i use generated token for user so i can create a user. how can set token for each user

[@youdube1203]

can you make video on how to use socket io?

[@pixel__lord]

Can i make a complete random video chatting app with coins? With this?

[@dishasharma6181]

it is possible to send a friend request from a user to user

[@arshiajs]

tnx a lot, But I have a question, Where are the source codes? I cant find any link

[@jaedon01]

Hello pls make a video on how to make full chat application using flutter I don't understand this technique Thanks

[@manishkarki1055]

Hi, what is the name of your vs code font? Thanks

[@FunwithFlutter]

Hey, it's called "Cascadia Code" - from Microsoft

[@CollectiveIS]

very well articulated. i have sent you a personal email, look forward to hearing from you

[@hudsonkim2549]

can you please make a fully-fledged application!

[@FunwithFlutter]

I'm definitely listening to the community on this one. If there is enough interest for a particular video/feature, then I would be happy to make it.

[@SushilKumar-pc3rx]

is it possible to create free video and audio calling using flutter?

[@AliYar-Khan]

any video for making chat app using telegram api ?

[@justinhearst]

So if I follow this tutorial and then put it on my portfolio/github, that's okay right? Because if so, I definitely plan to do that.

[@FunwithFlutter]

Lol, I don't mind. But change some things and make it your own, maybe add some custom widgets. Also, you only have a month of the free trail, so keep that in mind.

[@justinhearst]

@@FunwithFlutter thanks for your okay

[@Dj-tx2wq]

Hey does this video explain how to do one to one chat

[@FunwithFlutter]

Yes!

[@pavithrap4678]

Kindly do video call chat on flutter webrtc.

[@kyungsooswifeu8240]

Hello, I have a project for school and been wanting to make a chat application. Are there any altrenative ways to male something like that for free ? Any other language or something ? I'd appreciate an answer thank you.

[@FunwithFlutter]

Check out this channel: kzbin.info/door/2xOn0xQj1HIpHJpOy5tvpA

[@Faslurraja]

What about state management? Can this application receive messages after closing it ?

[@FunwithFlutter]

All of the messages are stored on the Stream backend, and management of the messages are handled by the Stream client. I believe they recently added the features for notifications as well.

[@Faslurraja]

@@FunwithFlutter How can I identify whether data deleted, updated or removed from database in OnWrite trigger? I'm unable to find documentation

Your explanation is beautiful, please, can you send the full Sorskod link and how to extract it as an apk file on the Android phone after the amendment and thank you very much

[@davincifpv3983]

Adding Notifications would be great

[@FunwithFlutter]

Something I definitely want to look at

[@SalvatoreGiordanodeuanunocs]

I work on the Flutter SDK and we are currently working on notification and offline support :)

[@FunwithFlutter]

@@SalvatoreGiordanodeuanunocs thanks for the great SDK! Please post a message here when it's ready

[@SalvatoreGiordanodeuanunocs]

Today we released an alpha version with offline and notifications support. I'm writing some docs, but if you want it's already available. Of course note that it's still in alpha.

[@FunwithFlutter]

@@SalvatoreGiordanodeuanunocs will definitely take a look at it once I finish my next couple of projects. Thanks for letting us know

[@mafazkhan8996]

Sir plz make a food delivery app pleaseeeee

[@user-hi6yo7di2u]

又学到了

[@WorstDeveloper]

it costs $500/month... I don't think anyone here will ever use it.

[@deddyh8736]

Just my thoughts :-(

[@FunwithFlutter]

Think it's more targeted towards business. Once more companies start using Flutter this is the type of product developers might pitch to their team (if they want to quickly add chat functionality or a support channel). Stream has a Feed Api, which has a free tier, I think.

[@indianappguy]

i have made chat app with firebase it is good option

[@milanpoudel3737]

@@indianappguy does it have video calling and audio calling functionality too?

[@indianappguy]

@@milanpoudel3737 nope

[@shreyanshjain7678]

Can we get chat app using firebase and flutter

[@FunwithFlutter]

Maybe sometime in the future. Can't make promises though :)

[@indianappguy]

i made it available on my channel

[@morrisjones3295]

where do i even find the example

[@FunwithFlutter]

I actually just created an updated video on this on Stream's channel: t.co/A7qW6f7FOn?amp=1

[@SushilKumar-pc3rx]

Is Flutter good to build apps like Facebook that has millions of users

[@johnxibai8454]

It is not serious, I think the gRPC technology is not used there.

[@WillMcCKill]

Not interested in this ad for getstream

[@kvmeenakshy383]

Is there a free api

[@FunwithFlutter]

There's a free month trial, and there is another service they have that has a free tier

[@kvmeenakshy383]

What are the limits

[@TyronDeakin]

You sound very South African...😃

[@FunwithFlutter]

I am very South African!😊

[@uzairahmed2610]

Please develop a fully fledged flutter Chat application with Notifications support.

[@FunwithFlutter]

YESSSS, really want to do this! Stay on the look out

[@uzairahmed2610]

Fun with Flutter thanks. Eagerly waiting for this.

[@chandramoulibiyyala6990]

A simple Chat Application with Flutter - Firebase kzbin.info/www/bejne/rpi7YZhvlL6njpY

[@kvmeenakshy383]

Make a real time chat app man

[@puzzleshx]

Lol

[@puzzleshx]

U

[@puzzleshx]

J

[@rebarius]

499€ per MONTH!? Never! ^^ I already built up my own RT-Chat and it isn't that hard! Sorry but I also got: Images, Video, Files and Livestreams over my backend! It's not magic today to get that running! You don't even need AWS, Firebase or others. Really: you don't even need a study for that!

[@imgroot90]

hi bro what backend do you use for the app? Thanks

[@rebarius]

@@imgroot90 Node-Express-GraphQL-Mongo + Socket.io + FFMPEG (converting videos) + SHARP (resize/edit images)

[@sathvikpurushotham]

That sounds amazing! Could you make a tutorial or maybe give us a GitHub repo of your work?

[@alexisponce6547]

@@sathvikpurushotham You are a lazy guy

[@puzzleshx]

Ku

[@svd19xx]

Matrix.org and Element.io is better. Free and Open Source.