Create a cross-platform Flutter app

on YouTube ↗26m

" summary

Builds a working budget‑tracker from one Flutter codebase deployed to web (Chrome) while targeting iOS, Android and desktop, using Amplify Flutter v1.0.0 (Dart implementation) and Amplify CLI commands (amplify init, add api, push, codegen). Adds a GraphQL API and model, provisions CloudFormation backend, and wires Authentication via the Authenticator component plus API queries to create, list and delete budget entries; demo runs in the browser and shows entries saving and refreshing in real time.

AI-written summary · about

" chapters (16)

1. 0:00Introduction and speakers
2. 1:26What is AWS Amplify
3. 3:55Amplify for developers
4. 8:10Amplify growth with developer needs
5. 9:33What is Flutter
6. 11:43Flutter supported platforms
7. 12:25Amplify Flutter 1.0.0 release
8. 13:47Demo overview budget tracker
9. 14:51Setting up Flutter project
10. 17:40Initializing Amplify project
11. 19:04Pushing backend changes
12. 20:30Running the app UI setup
13. 21:33Adding authentication
14. 22:36Creating budget entry screen
15. 24:01Loading and displaying entries
16. 25:04Final demo and app showcase

" related talks

• 01h 00mFuture-Proof Mobile Cross-Platform Apps with FlutterChristian Wenz · NDC Oslo 2020
• 50mFlutter in Action: How to build cross-platform app with DartVitalii Bobrov · Mobile Era 2018
• 35mBuilding Modern Cross-Platform Apps with FlutterVinay Gaba · droidcon San Francisco 2017
• 33mBeyond Mobile: Building Flutter Apps for iOS, Android, Chrome OS, and WebEmily Fortuna, Emily Shack · Google I/O 2019
• 36mDevelop your First Flutter App for Mobile, Web & DesktopDhrumil Shah · droidcon Italy 2020
• 58mBuilding cross-platform mobile apps with Flutter.ioAri Lerner · HolyJS 2018 Moscow
• 34mBuilding fantastic x platform apps with FlutterParth Jansari · GDG DevFest Ahmedabad 2017
• 47mIntroduction to Cross Platform Development with FlutterFaisal Abid · Developer Summit 2020