CF

Flutter & Firebase Masterclass (COMPLETE PACKAGE)

11h 38m 25s
English
Paid

Learn how to build full-stack Flutter apps with Firebase. You will use Auth, Firestore, Functions, Stripe, and more as you build a working eCommerce app. The goal is to help you understand how these tools fit together in real projects.

Why Firebase Works Well With Flutter

Firebase gives you tools to sign in users, store data, and run server code. You get strong performance and support that grows with your app. You also avoid the stress of running your own servers.

But large apps raise new questions. You may wonder if your setup is safe, fast, and easy to grow.

Common Challenges

  • How do you choose a good app structure?
  • Is your data model clear and stable?
  • Can you run fast queries at scale?
  • Do your security rules match your needs?
  • How should you handle errors?
  • Will your Firebase costs stay low?

You may try to learn this from docs or random videos. But many examples are too simple, and they skip advanced patterns. This slows you down.

What You Will Learn

This course gives you a clear path. You start small, then move into a full eCommerce build.

Build a Starter App

You first create a basic full-stack app. You set up Auth, Firestore, simple rules, and the latest Firebase UI tools.

Build a Full eCommerce App

You then build a larger app that uses Cloud Functions and third‑party tools like Stripe and Algolia. This helps you learn how to design real features that work in production.

Topics Covered

  • Set up Firebase with FlutterFire CLI
  • Auth flows and role-based access
  • Data models, security rules, and Firestore CRUD
  • Queries, indexes, caching, and offline support
  • Image uploads to Firebase Storage
  • Local Emulator and Cloud Functions with TypeScript
  • Cost planning and ways to reduce usage
  • Extensions and tools like Stripe and Algolia
  • Secure handling of API keys
  • Deploying with Firebase Hosting

Course Format

The course mixes code-along videos with diagrams and short written notes. You also get full source code and extra material you can review later.

Additional

https://github.com/bizz84/faker_app_flutter_firebase

About the Author: Code With Andrea

Code With Andrea thumbnail

Code With Andrea is the Flutter and Dart teaching brand of Andrea Bizzotto, an Italian mobile developer and one of the most consistently active independent Flutter educators. His material includes both the YouTube channel and a paid course catalog focused on production-quality Flutter app development.

The CourseFlix listing carries two Code With Andrea courses on Flutter development. Material is paid and aimed at mobile developers building cross-platform apps with Flutter.

Watch Online 137 lessons

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 137 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing
0:00
/
#1: Welcome
All Course Lessons (137)
#Lesson TitleDurationAccess
1
Welcome Demo
02:47
2
Firebase Pros and Cons
10:23
3
Firebase Basics: Introduction
02:11
4
Starter project overview
04:32
5
Creating the Firebase project and installing the CLI tools
04:23
6
Configuring the Flutter app with the Flutterfire CLI
05:10
7
Introduction to Firebase Auth & Firebase UI Auth
08:39
8
Completing the email & password sign in flow
05:49
9
Showing the correct page when the app starts with GoRouter.redirect
04:18
10
Using authStateChanges() and the refreshListenable argument
03:44
11
Refactor: replacing singletons with Riverpod providers
03:46
12
Other Firebase Authentication Features: Overview
01:37
13
Introduction to Cloud Firestore
05:53
14
Installing Cloud Firestore and running on iOS and Android
03:06
15
Overview of the jobs page and planned CRUD operations
02:10
16
Adding one more route to GoRouter and updating the redirect logic
03:34
17
How to add a document with the FirebaseFirestore API
06:28
18
Using the FirebaseRepository to add jobs from the UI
04:39
19
Showing list items with the FirestoreListView widget
06:08
20
Using type-safe model classes
05:48
21
Adding update and delete operations
07:01
22
Filtering collections with `where`
03:07
23
Intro to Firestore security rules
10:03
24
Working with timestamps and sorting data
05:31
25
Offline mode
03:04
26
Pagination and the FirestoreQueryBuilder widget
02:32
27
Wrap Up
02:57
28
Section Intro
03:10
29
VSCode Shortcuts, Extensions & Settings for Flutter Development
01:53
30
Course Project on GitHub
01:57
31
Cloning the starter project & pubspec.yaml file overview
05:05
32
eCommerce app overview
04:31
33
Project overview: app initialization and routing
03:16
34
Project overview: helper classes and widgets
04:45
35
Project structure: features and layers
06:49
36
Unidirectional data flow from the data layer to the presentation layer
04:58
37
How to add Firebase repositories to the data layer
06:50
38
Updated Starter project
04:42
39
Section Intro
03:42
40
Adding Firebase to the eCommerce app
10:09
41
Creating an AuthRepository using the FirebaseAuth APIs
06:09
42
The authStateChanges() method and the User class
07:16
43
Testing the authentication flows with Firebase
03:08
44
Dealing with Firebase auth exceptions
06:38
45
Adding the email verification logic
09:06
46
Automated testing with FirebaseAuth and wrap up
03:10
47
Section Intro
03:19
48
Cloud Firestore and Firebase Storage setup
04:34
49
Updated starter project
10:09
50
Image uploads: plan of attack
03:55
51
Creating an ImageUploadRepository
04:46
52
Creating an AsyncNotifier to upload images
07:12
53
Creating new products as Cloud Firestore documents
04:23
54
Completing the image upload logic
06:00
55
Adding an ImageUploadService class
02:55
56
Adding a watchProduct method to the ProductsRepository
06:12
57
Cloud Firestore: realtime listeners vs one-time-reads
09:05
58
How to edit existing products: overview
04:33
59
Implementing the AdminProductEditController
10:44
60
Deleting products
09:49
61
Combining streams inside a provider with Rx.combineLatest
03:13
62
Image uploads: final tweaks and completed code
04:39
63
Basic security rules for the image upload flows
03:52
64
Flutter web: adding a CORS policy to a Firebase storage bucket
05:19
65
Wrap up & exercises
02:04
66
Section Intro
02:27
67
Initializing the Firebase Local Emulator Suite with firebase init
07:36
68
How to use the Firebase Emulators
06:24
69
Exporting and Importing data with the Firebase Emulator
05:22
70
Introduction to Cloud Functions and Project Setup with TypeScript
04:13
71
TypeScript modules basics + Running our first Cloud Function using npm
06:01
72
Writing a Cloud Function Trigger
09:52
73
Fixing the infinite loop in the Cloud Function
04:44
74
Introduction to HTTP callable functions
02:50
75
Writing an HTTP callable function to delete all documents inside a collection
08:40
76
Invoking an HTTP callable function from the Flutter client
07:34
77
Deploying Cloud Functions with the Firebase CLI
04:46
78
Setting a project budget in Google Cloud as a safety net
03:27
79
Testing the deployed functions and inspecting the Google Cloud logs
03:53
80
Wrap Up
01:25
81
Section Intro
02:10
82
Introduction to Custom Claims
06:59
83
Starter project and Firebase configuration
04:35
84
Running the Flutter eCommerce app with the Firebase Local Emulator
03:44
85
Writing a Firebase auth trigger to set the custom claims on the server
09:30
86
Updating the Security Rules to enable Role-Based Authorization via Custom Claims
06:04
87
How to show the admin UI only if the user is an admin
09:42
88
How to force-refresh the ID token with a Cloud Firestore Listener
11:59
89
Updating the GoRouter redirect code to account for the admin state
03:14
90
Deploying and testing the Cloud Function Trigger
06:56
91
Wrap Up
01:57
92
Section Intro
02:26
93
Updated Starter Project with Firebase seed data
03:34
94
Implementing a Shopping Cart with Firebase: Overview
03:42
95
Cloud Firestore Data Modeling for the Shopping Cart Items
06:44
96
Implementing the RemoteCartRepository with Cloud Firestore
08:04
97
Testing the Shopping Cart feature with Cloud Firestore
04:42
98
Optimizing the Cart Total Calculation with Multiple StreamProviders
09:08
99
How to estimate the cost of your Firebase app and minimize your Firebase bill
09:23
100
Wrap Up
01:07
101
Section Intro
05:40
102
How to collect payments on mobile: Stripe or IAP?
02:24
103
Introduction to Stripe
02:39
104
Overview of the Flutter Stripe package and example app
03:55
105
Payment flows with Stripe: conceptual overview
03:47
106
Updated starter project & Flutter Stripe SDK setup
05:12
107
Installing the Stripe Extension for Firebase
04:34
108
Configuring the webhook for the Stripe Extension
04:38
109
Creating products in the Stripe dashboard
07:36
110
Adding new Cloud Function triggers to synchronize the Stripe data with Firestore
08:53
111
Deploying and testing the new Cloud Functions
06:19
112
Explaining the relationship between Stripe Customers and Firebase Users
03:35
113
Demo: making payments on the client (mobile and web)
05:53
114
Overview of the client payment flows on mobile
11:13
115
Overview of the client payment flows on Flutter web
06:30
116
How to fulfil orders on the backend
06:59
117
Showing the updated orders page in the Flutter app
05:44
118
How to set and use the Stripe Secret Key with Cloud Functions
03:43
119
Updating the available quantity on the Stripe product metadata
03:27
120
Wrap Up
01:54
121
Section Intro
01:32
122
Overview of the Firebase Extensions for Full-Text Search
02:47
123
Installing the Algolia Extension for Firebase
09:18
124
Updated starter project and code walkthrough
05:59
125
Adding the Algolia API keys to the Flutter project
02:29
126
Implementing Products Search with Algolia
04:53
127
Removing the loading indicator for a better search UX
03:55
128
Using realtime updates when the query is empty
03:24
129
Using caching and debouncing to make fewer API calls
05:32
130
Wrap Up
01:48
131
Section Intro
01:30
132
Starter project and code walkthrough
03:12
133
Implementing the ReviewsRepository
05:21
134
Calculating the average rating score with Cloud Functions
05:46
135
Deploying the Flutter web app with Firebase Hosting
03:11
136
Updating the CORS policy for the deployed Flutter web app
02:37
137
Conclusion
02:25
Unlock unlimited learning

Get instant access to all 136 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.

Learn more about subscription

Related courses

Frequently asked questions

What are the prerequisites for enrolling in this course?
Before enrolling, you should have a basic understanding of Flutter development. Familiarity with Dart and mobile app development will be beneficial. While the course provides an overview of Firebase, prior experience with Firebase is not required as the course covers setting up Firebase and using its features extensively.
What kind of project will I build in this course?
The course guides you through building a full-stack eCommerce app using Flutter and Firebase. You will start with a basic app to set up authentication and Firestore, then progress to a more complex application incorporating Cloud Functions, third-party tools like Stripe and Algolia, and advanced Firebase features.
Who is the target audience for this course?
This course is designed for Flutter developers interested in learning how to integrate Firebase into their applications. It is suitable for those who want to understand full-stack app development with real-world features like authentication, data storage, and payment processing.
How does this course compare in depth and scope to other Flutter and Firebase courses?
This course offers a comprehensive approach by not only covering Firebase fundamentals but also demonstrating how to build a production-ready eCommerce app. It covers advanced topics like role-based access, Cloud Functions, and integrating third-party services, which are not typically included in beginner-level courses.
What specific Firebase tools and features will I learn to use?
You will learn to set up Firebase using the FlutterFire CLI, handle authentication flows, manage data with Cloud Firestore, implement security rules, and use Firebase UI tools. The course also covers features like Cloud Functions and third-party service integration with Stripe and Algolia.
What topics are not covered in this course?
The course does not cover advanced backend server management, non-Firebase backend integration, or mobile app design principles unrelated to Flutter and Firebase integration. It focuses specifically on using Firebase within Flutter applications and does not delve into non-related programming languages or frameworks.
What is the expected time commitment for completing this course?
The course consists of 137 lessons and covers a wide range of topics from Firebase setup to building a full eCommerce app. The exact time commitment may vary based on individual learning paces, but students should expect to dedicate several weeks to thoroughly engage with the material and complete all exercises and projects.