🚀 Getting Started
Build your first modular Flutter application step by step. This tutorial will guide you through creating a complete app with multiple modules, dependency injection, and event communication.
1- Create the App Module
The App Module is the root of your application that orchestrates all other modules:
lib/src/app_module.dart
2 - Create the Home Module
lib/src/app_module.dart
3 - Create the App Widget
lib/src/app_widget.dart
4 - Configure Main
lib/main.dart
🎉 Run Your App
Now run your application:
flutter run
You should see:
- 🏠 Home page with a welcome message and load data functionality
- 🔄 Smooth navigation between modules
- 💉 Dependency injection working seamlessly
✨ What You've Achieved
Congratulations! You've just created:
- ✅ Modular architecture with separate concerns
- ✅ Dependency injection with shared services
- ✅ Clean navigation between modules
- ✅ Scalable structure ready for team development
- ✅ Reactive UI with controllers and state management
🚀 Next Steps
Now that you have a working modular app, explore these advanced features:
- 🎭 Event System - Communication between modules
- 🎯 Loader System - Custom loading indicators
- 🔒 Routes - Route protection and navigation
:::tip 💡 Pro Tip Keep your modules focused on a single responsibility. This makes your app easier to maintain and allows teams to work independently on different features. :::
Ready to add event communication between modules? Let's explore the Event System! 🎭