Smarter Apps, Smoother Experiences with Flutter + Firebase AI (By: Sakina Abbas) - Google I/O Extended 2025

Talk by Sakina Abbas (https://www.linkedin.com/in/sakina-abbas/) at Google I/O Extended 2025 by GDG Lahore.

Transcript

1. Smarter Apps, Smoother Experiences With Flutter & Firebase AI
2. Hi, I’m Sakina Abbas! Co-Founder & CEO, Reactree GDE Flutter, Dart 7+ years in Mobile Application Development Core Member of Flutter Karachi Pakistan Women in Tech Speaker for Google Developers Space, Singapore Mentor in various Google programs
4. 1. Roadmap 2. Flutter - Brief Intro 3. Firebase AI Logic 4. Choosing the right Model 5. Prompt Engineering 6. Live Demo What will you learn today?
5. 1. Roadmap 2. Flutter - Brief Intro 3. Firebase AI Logic 4. Choosing the right Model 5. Prompt Engineering 6. Live Demo What will you learn today?
7. 20% of his total treasure!
8. What will we create today? - A flashcard generator app - Upload a photo with text: - Perform OCR & extract words (e.g. apple, bag, cry, deer) - Generate a sentence using that word (e.g. The apple is red.) - Generate an image of that word - Interactive flashcards!
9. What will we create today? - Swipeable flashcards - Text-to-Speech for audio playback - Immersive ‘swoosh’ sound when flipping through the flashcards
10. Tools used
11. 1. Roadmap 2. Flutter - Brief Intro 3. Firebase AI Logic 4. Choosing the right Model 5. Prompt Engineering 6. Live Demo What will you learn today?
12. Flutter - Brief Introduction - SDK to build cross platform applications - Single code-base -> same application for multiple platforms! - Platforms supported: Android, iOS, Web, Windows, Mac, Linux & Fuchsia - Programming Language: Dart - Open-source - Developed & owned by Google - Age: ~8 years (May 2017)
13. 1. Roadmap 2. Flutter - Brief Intro 3. Firebase AI Logic 4. Choosing the right Model 5. Prompt Engineering 6. Live Demo What will you learn today?
14. Firebase AI Logic The Power of Google’s Generative AI
15. - An SDK for easier access to Google’s Generative AI models - Suitable for mobile & web apps - Handles authentication & API calls for you - Models from the Gemini family Firebase AI Logic The Power of Google’s Generative AI (just simpler)
16. - 2 Gemini APIs to choose from: - Gemini Developer API - Vertex AI Gemini API Firebase AI Logic The Power of Google’s Generative AI (just simpler)
17. 1. Roadmap 2. Flutter - Brief Intro 3. Firebase AI Logic 4. Choosing the right Model 5. Prompt Engineering 6. Live Demo What will you learn today?
18. 1. Text understanding & generation for OCR (Optical Character Recognition) 2. Image Generation Choosing the right Model
20. 1. Text understanding & generation for OCR (Optical Character Recognition) 2. Image Generation Choosing the right Model Gemini 2.5 Flash Gemini 2.0 Flash Image Generation
21. 1. Roadmap 2. Flutter - Brief Intro 3. Firebase AI Logic 4. Choosing the right Model 5. Prompt Engineering 6. Live Demo What will you learn today?
22. 1. Define your goal 2. State the response format, e.g. JSON 3. State the schema of JSON (recommended) 4. Use formatting techniques with **foo** and `bar` 5. Test your prompts in Google AI Studio Prompt Engineering
23. Prompt Engineering Goal Instructions Schema Formatting with **_** & `_`
24. 1. Roadmap 2. Flutter - Brief Intro 3. Firebase AI Logic 4. Choosing the right Model 5. Prompt Engineering 6. Live Demo What will you learn today?
25. Contact Sakina Abbas sakina@reactree.com https://pk.linkedin.com/in/sa kina-abbas www.reactree.com Questions?