Maersk Mobile - All the way with Flutter

This deck explains how mobile team at Maersk approached our migration journey in Flutter.

1. Gaurav Bhatnagar Satish Kumar Twitter : @bhatnagar_g https://bit.ly/bhat_g https://bit.ly/satish_k
2. § Maersk App (B2B)– Follow your Shipments in Real Time (Built on Native Platform) § Usage skyrocketed in 2020 (astounding 460% increase in activity) § Keeping up with Feature Requirements was quite intimidating with rapidly growing userbase. No of Mobile Events - 2020
3. App Tech Debt in both iOS and Android Framework related updates in both the platforms (AndroidX , Latest iOS version updates) ROI to the efforts put in was not directly proportional for our customers Feature parity with web was an almost impossible target to achieve
4. Shared code base for different platform like iOS and Android Consistent UI across platforms UI widgets in a render-tree like data structure Near-native performance Hot-reload Developer friendly documentation
5. Animation Firebase Ready to use plugins Robust Security
6. • •
7. • •
8. • • • •
11. • • •
12. • • • •
14. • • • • • •
15. • Client Server Architecture • Based on WebDriver JSON Wire Protocol • Native test libraries of respective platform is the backbone of the backend • APK/IPA file can be picked up via CI/CD through Github Actions which is deployed in Firebase App Distribution/Browserstack
18. Native Booking Journey Flutter Booking Journey
20. • POORVIKAAS GLOBAL LOGISTICS IN SOUTH ASIA HAVE GIVEN QUITE ENCOURAGING FEEDBACK: “ ” •
21. App Store (iOS) Play Store (Android)
22. Add features at a rapid rate Diminished technical barriers Swift app development and agility becoming the new normal Synchronized release on both Platforms
23. • • • •
24. • HTTPS://MEDIUM.COM/IOS-OS-X-DEVELOPMENT/MODERN-MVC-39042A9097CA • HTTPS://DOCS.FLUTTER.DEV/RESOURCES/ARCHITECTURAL-OVERVIEW • HTTPS://MEDIUM.COM/CODECHAI/ARCHITECTING-YOUR-FLUTTER-PROJECT-BD04E144A8F1 • HTTPS://BETTERPROGRAMMING.PUB/5-REASONS-WHY-FLUTTER-IS-BETTER-THAN-REACT-NATIVE- CF2E9B077F66