Skip to content

Error-Imtiaj/Scalable_Counter_App_With_BLOC

Repository files navigation

🔢 Flutter Counter App (BLoC)

A scalable Flutter counter application built using BLoC state management. It demonstrates clean architecture, feature-first folder structure, and supports both light and dark themes.


📱 Screenshots

Light Theme Dark Theme
Light Dark

🧱 Folder Structure

lib/
├── core/
│   ├── utils/
│   │   ├── app_theme.dart
│   │   ├── app_const.dart
│   │   └── app_color.dart
│   └── widgets/
│       ├── my_app_bar.dart
│       └── app_button.dart
│
├── features/
│   └── counter/              
│          ├── presentation/
|          |     |── widgets/
│          │     |    └── counter_reset_button.dart
│          |     └── screens/
│          |            └── counter_page.dart
│          └── bloc/
│                ├── counter_bloc_bloc.dart
│                └── counter_bloc_event.dart
├── main.dart
└── app.dart

🧠 Features

  • ➕ Increment / ➖ Decrement / 🔄 Reset counter
  • 🎨 Light & Dark Theme support
  • ⚙️ Built using flutter_bloc
  • 📏 Responsive with flutter_screenutil
  • 💡 Scalable folder structure for real-world projects

🧰 Technologies Used

  • Flutter
  • BLoC (flutter_bloc)
  • Google Fonts
  • ScreenUtil
  • Clean Code Practices

🚀 Getting Started

1. Clone the repository

git clone https://github.com/Error-Imtiaj/Scalable_Counter_App_With_BLOC.git

2. Install dependencies

flutter pub get

3. Run the app

fvm flutter run

Or use VSCode/Android Studio run button.


⚙️ Build APK (Split-per-ABI)

fvm flutter build apk --split-per-abi

🧑‍💻 Author

Mohammad Imtiaj Hossen
GitHub | LinkedIn


📄 License

This project is licensed under the MIT License.

About

A simple Counter App. Used Bloc State management for scalability and clean architecture.

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages