Flutter Architecture Blueprints is a project that introduces MVVM architecture and project structure approaches to developing Flutter apps.

Related tags

Templates flutter-mvvm-blueprints
Overview

Flutter Architecture Blueprints

Flutter Architecture Blueprints is a project that introduces MVVM architecture and project structure approaches to developing Flutter apps.

Documentation

Installation

Environment

iOS

  • iOS 13+

Android

  • Android 5.1+
    • minSdkVersion 22
  • targetSdkVersion 30

App architecture

Code Style

Assets, Fonts

If added some assets or fonts

Models

If added some models for api results

Localizations

If added some localizations (i.g. edited *.arb)

Git Commit message style

Code collections

Project settings

Working status Category Description Codes
✅ Dart Dart version pubspec.yaml
✅ asdf asdf .tool-versions
✅ Dart Switching between Development and Production environment constants.dart, runConfigurations, Makefile
✅ Dart Lint / Analyze analysis_options.yaml
✅ Android Kotlin version build.gradle
✅ Android Apk attributes build.gradle (compileSdkVersion, applicationId, minSdkVersion, targetSdkVersion)
✅ Android Switching between Development and Production environment build.gradle, Flavor dirs, signingConfigs
✅ iOS Xcode version compatibilityVersion
✅ iOS Podfile Podfile
✅ iOS Switching between Development and Production environment xcconfig, Podfile
✅ Firebase [Android] Switching between Development and Production google-service.json using flavors development and production
✅ Firebase [iOS] Switching between Development and Production GoogleService-Info.plist using run script copy_google_service.sh, development and production
✅ Firebase Auth SignIn, SignOut auth_data_source_impl.dart
✅ Firebase Crashlytics Crash Reports main.dart
✅ Firebase Performance Network monitoring with dio_firebase_performance app_dio.dart

Architecture

Working status Category Description Codes
✅ Base Using Riverpod + Hooks + ChangeNotifier + MVVM news_page.dart, news_view_model.dart, news_repository.dart, news_data_source.dart
✅ Networking Using dio and Retofit app_dio.dart, news_data_source.dart
✅ Data Using Freezed model classes
✅ Constants Define constants and route names constants.dart
✅ Localization Switching between two languages with Intl package *.arb
✅ Error handling Using Result pattern - A value that represents either a success or a failure, including an associated value in each case. result.dart, news_repository_impl.dart, home_page.dart

UI

Working status Category Description Codes
✅ Theme Staticly Switch between light and dark themes app_theme.dart
✅ Font Using Google font app_theme.dart
✅ Transition Simple animation between screens using Hero article_item.dart, detail_page.dart

Testing

Working status Category Description Codes
✅ API(Repositories) Using mocktail view_mode_test.dart
✅️ UI Using mocktail widget_test.dart
✅ Coverage reports Send the report to Codecov on CI codecov.yml, codecov.sh, flutte-ci.yml

CI

Working status Category Description Codes
✅ Git Git hooks for format and analyze package.json, Makefile
✅ Git .gitignore settings .gitignore
✅ Build Using Codemagic codemagic.yaml
✅ Build Using Bitrise bitrise.yml
✅ Build Using Github Actions .github/workflows/flutter-ci.yml

Getting Started

Setup

$ make setup
$ export PATH="$PATH":"$HOME/.pub-cache/bin" # Add your run-commands (.zshrc, .bashrc, etc)
$ make dependencies
$ make build-runner

How to add assets(images..)

  1. Add assets
  2. Run FlutterGen

How to add localizations

  1. Edit *.arb files.
  2. Run generate the flutter pub get

Make .apk and .ipa file

Android

$ make build-android-dev
$ make build-android-prd

iOS

$ make build-ios-dev
$ make build-ios-prd

Run app

$ make run-dev
$ make run-prd

Special Thanks.

Contributors

You might also like...

Flutter template project - Simple ToDo app with scalable project structure.

Flutter template project - Simple ToDo app with scalable project structure.

Flutter Template Flutter template project - A simple TODO list app. This template provides simple UI and scalable project structure that goes beyond t

Nov 21, 2022

Flutter app using MVVM architecture pattern , dio , provider , intl packages.

Flutter app using MVVM architecture pattern , dio , provider , intl packages.

News App Simple news application using free news API for fetching realtime data from the internet. Features -Used MVVM architecture pattern. Packages

Mar 25, 2022

This is a practical guide to MVVM architecture in flutter with riverpod for state management.

This is a practical guide to MVVM architecture in flutter with riverpod for state management.

flutter_mvvm This project is a practical guide to MVVM pattern in flutter with Riverpod. Install flutter Get your APIKEY from https://api.openweatherm

Jan 1, 2023

Blog app v2 Clean Architecture With MVVM

Blog app v2 Clean Architecture With MVVM

blog_app_v2 An initial blog app on my repo refactored and built with clean archi

Nov 6, 2022

Responsive Whatsapp CLone - MVVM Architecture,Provider

whatsapp_clone Flutter project. Using MVVM Architecture, firebase, Provider and Rest API This project is a starting point for a Flutter application. A

Jan 2, 2023

Project Structure Auth Generator For Flutter

get_structure_generator Project Structure Auto Generator This is not the package

Mar 22, 2022

This is template toolkit fasten your project setup within a minute. The toolkit is based on MVC+S structure.

This is template toolkit fasten your project setup within a minute. The toolkit is based on MVC+S structure.

BWeird Flutter Toolkit! Hi! From a Weirder Flutter has been great on mobile development and I took this opportunity to make it even greater with templ

Aug 22, 2021

Unofficial Turkish Dictionary app of TDK (Turkish Language Association) developing with Flutter

Unofficial Turkish Dictionary app of TDK (Turkish Language Association) developing with Flutter

Turkish Dictionary Unofficial Turkish Dictionary app of TDK (Turkish Language Association) developing with Flutter Design Feyza Nur Demirci Şahin Abut

Oct 20, 2022

A flutter demo app to practice Map data structure and its common operations

Map Operations A flutter demo app to practice Map data structure and its common operations Developer Alexander Sosa (https://www.linkedin.com/in/alexa

Jan 3, 2022
Owner
Katsuyuki Mori
Katsuyuki Mori
GitHub
Flutter App Templete is a project that introduces an approach to architecture and project structure for developing Flutter apps.

Flutter App Template "Flutter App Template" is a project that introduces an approach to architecture and project structure for developing Flutter apps

Altive 126 Jan 5, 2023
Flutter mvvm archi - Flutter Advanced Course - Clean Architecture With MVVM

flutter_mvvm_archi A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you start

Namesh Kushantha 0 Jan 8, 2022
Pre-defined setup to start developing flutter project with stacked architecture.

un_official A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if t

Aashish Jha 0 Dec 27, 2021
A Flutter boilerplate made by GeniusCrew BV and inspired to the Clean Architecture structure.

GeniusArchitecture This is a boilerplate project created in flutter using Provider, Firebase, Dio, and some fundamentals of Robert C Martin's Clean Ar

GeniusCrew 10 Dec 16, 2022
Expense bud - An app to keep of track your expenses and stay on top of your game with detailed insights, built with clean architecture and MVVM pattern

Expense Bud An app to help you keep track of your expenses and stay on top of yo

Stanley Akpama 45 Dec 23, 2022
A fast start flutter project to make aps faster and skip setup on every application. I am personally using this structure while creating a new project

Flutter Fast Start A fast start flutter project to make apps faster and skip setup on every application. I am personally using this structure while cr

Okan Demir 2 Dec 15, 2022
🚀 User management app built in flutter using clean architecture, MVVM, get it, dio, RxDart, bloc, cubit, getX and provider

?? Go Rest app In this project, we are going to build a user management app using Flutter. We have used the Go REST API to make HTTP request methods.

Sina 99 Aug 14, 2023
Music player application for android. It's uses MVVM architecture and Provider & ValueNotifier state management.

music-player-flutter Flutter music player application which is my personal project published to play store. Project structures are as following,

null 30 Jul 10, 2022
Menaclub app for admin using nodejs as backend,RestAPI,provider as statemangement and follows MVVM architecture

menzclub_admin A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started i

Pranav Pv 8 Nov 7, 2022
Touranment Manager app using Firebase ,provider and MVVM Architecture

tournament_lotter A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you starte

Pranav Pv 10 Nov 25, 2022