Skip to content
Videos
Video

Expense Tracker App • Flutter & BLoC Tutorial for Beginners

by HeyFlutter․com youtube.com

35 min 14.3k views

If you are tired of spaghetti code in your Flutter projects, this is for you! This comprehensive Flutter tutorial dives into Bloc, a powerful state management solution that helps you organise your app's logic and data flow for a cleaner, more maintainable codebase. What you'll learn: - The core concepts of the Bloc pattern (Events, States, Blocs) - How to create a Bloc or Cubit for your app - Implement Bloc in a practical Expense tracker application - Learn best practices for using Bloc in your Flutter projects and more. By the end of this tutorial, you'll be equipped to confidently use Bloc to streamline your Flutter development and create scalable, well-structured applications. Hit that subscribe button for more Flutter magic! ✨ Video Timeline 00:00 Intro 01:28 How Does Bloc Work? 02:29 What We Are Building 02:34 Project Setup 04:36 The Expense Model 05:46 The Category Model 06:02 The Data Layer: Local Data Storage 10:57 The Repository Layer: Expense Repository 11:43 Initialization & Entry Point 12:52 The Expense Form Bloc 16:43 The Expense Form 22:07 The Expense List Bloc 25:40 The Expense List 28:40 Updating an Expense 32:10 Filtering the Expenses 34:34 Conclusion Also Checkout : 👉 Join 12-Week Flutter Training: https://heyflutter.com 👉 Join the WhatsApp Channel to get the latest news about Flutter & HeyFlutter: https://www.whatsapp.com/channel/0029VaDNCZtC1Fu8nL2vmw3f 👉 Source Code: https://github.com/HeyFlutter-Public/flutter_expense_tracker_bloc

Forum

Questions about this, or something to add?

Discuss on the forum

Topics Bloc State management

Report this · Wrote this? Claim it

Supported by