GitHub Flutter Project Base
Setting up your Flutter project environment with Monday Hero
Before working with the Flutter code created by Monday Hero, you need to set up your development environment. On this page, we explained the dependencies that need to install and how to set everything up.

Setting Up the Development Environment

You will need the required system dependencies to build Flutter apps. Make sure that you have the following:
  • Flutter SDK version 2.0.0 or later
  • Dart SDK version 2.12.0 or later
If you don't, follow Flutter's official documentation to set up your project environment.

Monday Hero Directory Structure

├── mondayhero_project
   ├── assets
   │   ├── fonts # Fonts directory (.otf, .ttf)
│ │ ├── **.otf
   │   │ ├── **.ttf
   │   │ └─── ...
│ │
   │   ├── images # Images directory (.svg, .png, .jpg)
   │   └── translations
   │   ├── en-US.json # English translation (.json)
   │   └── mh_generated # Monday Hero Generated translations directory
   │   └── en-US.json
   ├── lib
   │   ├── core
   │   │   └── localization
   │   │   └── mh_localization_asset_loader.dart
   │   │
   │   ├── design-system
   │   │   └── components # Created custom components
   │   │   └─── ...
   │   │
│   ├── route
   │   │   └── app_router.dart
   │   │   └── app_routes.dart
   │   │
   │   ├── main.dart # App start
   │   │
   │   └── theme # App theme configuration directory
   │   ├── app_colors.dart
   │   ├── app_text_styles.dart
   │   └── mh_generated # Monday Hero Generated theme files
   │   ├── mh_app_colors.dart # Colors used in the design document
   │   └── mh_app_text_styles.dart # Text styles used in the design document
   └── pubspec.yaml # Includes project name, version, environment, dependencies, assets path, fonts etc.
Copy link
On this page
Setting Up the Development Environment
Monday Hero Directory Structure