Building a Mobile App with Flutter and Laravel

I’ve been developing a mobile app at work using Flutter the last couple months and absolutely love it. It’s a UI framework developed by Google that compiles down to native code for iOS and Android. It makes developing mobile layouts feel like snapping together legos.

To learn Flutter (which uses the programming language Dart), I built the generic “to do” app, exactly as I had done when learning Laravel and React. The mobile app actually uses the same REST API (hosted at laravelreact.com) as that project, which is a really nice benefit of having a decoupled UI.

Here’s a short overview video showing how it works:

You can find the source code on GitHub. There are a lot of example Flutter projects that use Firebase for authentication (which is great), but if you’re building something on top of Laravel or WordPress, this project might be more helpful to look at since it uses a REST API.

The app includes:

  • Login
  • Registration
  • Password Reset
  • Add to do
  • Toggle to do
  • View to dos (includes fetching from a paginated API)
  • Log out

For state management across multiple widgets (views) I use the `provider` package. To store the user information and token, I use the `shared_preferences` library.

If you’re just getting started and want to learn more about Flutter, I recommend watching the Flutter in Focus series.

About Devin

I am a developer based in Austin, Texas. I run a little theme shop called DevPress and work for a startup called Nano. Find me on twitter @devinsays.

Leave a Reply