FlutterFire - Firebase-Plugins-for-Flutter

Get to know how to enable Flutter apps to use one or more Firebase services.

Transcript

1. GDG Thailand Firebase Thailand Organized by FlutterFire: Firebase Plugins for Flutter Tanitpon Paniwan GDG Thailand
2. #FirebaseDevDay
3. #FirebaseDevDay
4. #FirebaseDevDay
5. Everything is Widget Scaffold() AppBar() FloatingAction Button() Text() Column() Icon()
6. #FirebaseDevDay
7. #FirebaseDevDay
8. https://flutter.dev/showcase
9. #FirebaseDevDay FlutterFire
10. A Set of Flutter plugins that enable Flutter apps to user one or more Firebase Services. Improve Grow Build
12. https://github.com/FirebaseExtended/flutterfire
13. #FirebaseDevDay Superstar of Firebase
14. #FirebaseDevDay ML Kit Supported Not supported yet
15. #FirebaseDevDay Crashlytics
16. #FirebaseDevDay Performance Monitoring
17. #FirebaseDevDay Remote Config
18. #FirebaseDevDay In-App Messaging
19. #FirebaseDevDay Cloud Messaging
20. #FirebaseDevDay Google Analytics
21. #FirebaseDevDay FlutterFire
22. #FirebaseDevDay LIVE CODE
23. #FirebaseDevDay
24. #FirebaseDevDay
25. #FirebaseDevDay 1. Image Picker 2. ML KIT 3. Cloud Storage 4. Cloud Firestore 5. Google Map (Cloud Functions)
26. #FirebaseDevDay Before Start
27. #FirebaseDevDay pubspec.yaml firebase_ml_vision ML Kit firebase_storage Cloud Storage cloud_firestore Cloud Firestore image_picker Image Picker google_map_flutter Google Map Flutter
28. #FirebaseDevDay main.dart detail.dart Page setup
29. #FirebaseDevDay Setup Firebase Setup GoogleMap Config setup
30. #FirebaseDevDay child children Widget knowledge setup (1)
31. #FirebaseDevDay stateless stateful Widget knowledge setup (2)
32. #FirebaseDevDay Let’s Start
33. 1. Image Picker 2. ML KIT 3. Cloud Storage 4. Cloud Firestore 5. Google Map
34. #FirebaseDevDay 1. Image Picker 1. Pick image from gallery 2. Show image in new page
35. 1. Image Picker 2. ML KIT 3. Cloud Storage 4. Cloud Firestore 5. Google Map
36. #FirebaseDevDay 2. ML KIT Show detail in Label Detection
37. 1. Image Picker 2. ML KIT 3. Cloud Storage 4. Cloud Firestore 5. Google Map
38. #FirebaseDevDay 3. Cloud Storage 1. Upload image to Firestore 2. Get Download URL, Storage Location (For Vision API)
39. 1. Image Picker 2. ML KIT 3. Cloud Storage 4. Cloud Firestore 5. Google Map
40. #FirebaseDevDay 4. Cloud Firestore 1. Add Download URL, Storage Location, Label Result To Firestore 2. Get data from Firestore to ListView
41. 1. Image Picker 2. ML KIT 3. Cloud Storage 4. Cloud Firestore 5. Google Map
42. #FirebaseDevDay 5. Google Map (Cloud Functions) Landmark Detection Write result to Firestore Detect new data from Firestore [onCreate]
43. #FirebaseDevDay 5. Google Map (Cloud Functions) Add GoogleMap with Landmark Location Not supported yet
44. #FirebaseDevDay Github Repo https://github.com/mikelopster/flutterfire-example
45. https://codelabs.developers.google.com/?cat=Flutter
46. https://flutter-widget-livebook.blankapp.org/
47. FB Group : Thailand Flutter Developer
48. Thank You! #FirebaseDevDay Helpful resources fb.com/FirebaseThailand fb.com/groups/FirebaseDevTH medium.com/FirebaseThailand Tanitphon Paniwan