DEV Community

Tun Nanda Aung
Tun Nanda Aung

Posted on • Updated on

Flutter and Laravel Integration (with Laravel Echo)

Hello everyone, I've created a flutter app with an API written in Laravel. I've used BLoC for state management in flutter and sanctum as a token-based authentication provider. I hope it will be a good example for those who want to try Laravel and flutter integration.

The original Laravel app is from this amazing series at Laracasts. But, I've added many new features and functionalities.

Laravel backend API - https://github.com/tunnandaaung/tweety
Flutter App - https://github.com/tunnandaaung/tweety-mobile

Thanks.

Update (25.11.2020)
Now, I've also added real-time chat using Pusher, Laravel Websockets, and Laravel echo both in web and mobile app. Thanks again!

Discussion (17)

Collapse
zayrtun profile image
Zayar Tun

I am into laravel, then started learning flutter and now while trying to make them work together I found this post. Thanks for sharing this, it looks awesome .

Collapse
pablonax profile image
Pablo Discobar

If you are interested in this, you can also look at my article about Flutter templates. I made it easier for you and compared the free and paid Flutter templates. I'm sure you'll find something useful there, too. - dev.to/pablonax/free-vs-paid-flutt...

Collapse
debjit profile image
Debjit Biswas • Edited on

You just read my mind. I started learning flutter this week. Thanks for this example. Hope you don't mind silly questions.
I tried to install into my laragon, but failed. Opened an Issue.

Collapse
williamabbott profile image
williamabbott

Thanks for sharing!

Collapse
33nano profile image
🇵​​​​​🇰​​​​​🇳​​​​​

Looks awesome

Collapse
tunnandaaung profile image
Tun Nanda Aung Author

Thanks 😄

Collapse
mustafaydemir profile image
Mustafa Aydemir

Awesome!

Collapse
cleo_hacker profile image
Cleo

Hello, I'm really interested in this project.
Will you teach me kindly?

Collapse
tunnandaaung profile image
Tun Nanda Aung Author • Edited on

I am still learning as well. But I will help you as much as I can 😄.

Collapse
cleo_hacker profile image
Cleo

I will appreciate

Collapse
cleo_hacker profile image
Cleo

I have been doing Laravel but I have not touched flutter yet...

Collapse
bureau121 profile image
Bureau121

Hi there, I wish to know how the token were generated and where it is stored on the database.

Collapse
tunnandaaung profile image
Tun Nanda Aung Author

Hello, tokens are generated using Laravel Sanctum and stored on the table called personal_access_tokens. For mobile app, tokens are stored using SharedPreferences.

Collapse
ezhamkarim profile image
ezhamkarim

Do you include any Laravel Echo in your project?

Collapse
tunnandaaung profile image
Tun Nanda Aung Author

Not at the moment. But I am planning to add it soon.

Collapse
m05e5 profile image
Moses

thanks. I was actually looking for it