Flutter Architecture

Flutter repository follow BLOC Architecture and Common library

Getting Started

• Build and run on dev environment just type this on terminal

cd PATH/TO/YOUR/PROJECT 

flutter pub get

flutter run --dart-define="ENV=dev|staging|production" --flavor dev|pro

Architecture Flow

Diagram below is a common flow of Bloc Architecture

graph LR
A[Widget/Page] -- User/App event --> B[Bloc/Cubit]
B -- Update data/ state --> E[Bloc State]
E -. Map data to UI .-> A
B --> C[Repository A]
B --> C1[Repository B]
C -.-> B
C1 -.-> B
C -- Request data --> D[(Api/Adapter/Third party lib)]
D -. data callback .-> C
C1 -- Request data --> D1[(Another Api/Adapter/Third party lib)]
D1 -. data callback .-> C1

A -- Update global event --> B1[Global cubit]
E1[Global state] -. Update global state .-> A
B1 --> E1
B1 --> C2[Global Repository]
C2 --> D2[(Global Api/Adapter/Third party lib)]
D2 -. data callback .-> C2
C2 -.-> B1

Loading

Features

• Follow Bloc architecture with Cubit
• Use freezed and build_runner for create Models and Bloc States
• Use go_router for navigation
• Use dioretrofit for api client

Done

• Building CI/CD with GitHub Action
• Support calling function with WebRTC and WebSocket
• Add email filter example

WIP

• Refactor code style
• Config deeplink and redirect

FUTURE

• Add local cache for UX improvement
• Support notification
• Performance -->>>
• Stream flow explain

Licences

Updating...