FlutterFlow with Google AI and Firebase (Part 1: Intro Setup)
Welcome to the first installment of our exciting series on building AI and ML powered applications using FlutterFlow! In this video, we setup an example application that will serve as our playground for exploring advanced AI, ML, and data engineering concepts.
Starter App: https://app.flutterflow.io/project/tr...
Text Instructions: https://docs.flutterflow.io/getting-s...
Example Data: https://docs.flutterflow.io/getting-s...
Free Trial - Our New Diagram Tool: https://softwaresim.com/pricing/ ("YOUTUBE24" for 25% Off)
Demonstration Code and Diagram: https://github.com/nodematiclabs/flut...
Series Part 2: • LLM Content Generation (FlutterFlow a...
Series Part 3: • Image/Vision AI (FlutterFlow, Google ...
Series Part 4: • AI Semantic Search (FlutterFlow, Goog...
Topics Include:
An Introduction to FlutterFlow & Firebase
Setting Up the Starter App
Building a Favoriting Feature
Custom Styling and Interaction Design
Integrating Firebase
Design and Dark Mode
Data Management with Firestore
Testing and Debugging
If you are a cloud, DevOps, or software engineer you’ll probably find our wide range of YouTube tutorials, demonstrations, and walkthroughs useful - please consider subscribing to support the channel.
0:00 Conceptual Overview
1:53 Home Page Basics
4:37 Favorites Page Basics
6:13 Animations and Styling
7:13 Dark Mode
8:40 Firebase Connection
10:39 Firestore Setup
14:23 Data-Driven Elements
18:15 Preview and Test Mode