Flutter and Firebase: Learn by developing Contacts app

Build android, iOS, and web apps from a single code base with Flutter, a free open source framework by Google that uses Dart and supports hot reload with customizable widgets.

Learn to set up Flutter development environment on Windows, install Flutter SDK, configure PATH, install code editor and Dart/Flutter plugins, verify with flutter doctor, and develop a phone directory app.

Define the Flutter app interface with an app bar, dropdown, and organization name, then build a column body with chips, a list view, and call and message icon buttons.

Create a Flutter phone directory user interface by building a modular layout with an app bar, location dropdown, chips, and a scrollable contact list, preparing to integrate Firebase Firestore later.

Explore the UI of the Flutter and Firebase contacts app, detailing the main function, stateless and stateful widgets, the app bar with a locations dropdown, chips, and a list view.

Set up a Firebase Firestore project and create a Contacts collection with documents and fields, enabling real-time updates and offline access for a Flutter app.

Learn to read data from Firestore in a Flutter app and populate a list view with company contacts by initializing Firebase and streaming the contacts collection into the UI.

Refine the contact list user interface by modularizing into a contact widget, using a dual-row and triple-column layout, styling text, and integrating a custom WhatsApp icon via assets.

Learn how to trigger a phone call from a Flutter app by tapping a call icon and launching a tel url with a contact's number. Use url_launcher to implement feature.

Learn to send sms in Flutter by integrating the Flutter sms package, updating pubspec, and wiring an on pressed action to send a message to a contact.

Learn how to send a WhatsApp message from a Flutter app using the URL launcher, including wiring the plugin, creating a sendWhatsApp function, and handling real device versus emulator behavior.

Export contacts from Excel or CSV to Firebase Firestore using Flutter by converting to CSV, loading it as an asset, parsing it, and inserting records into the contacts collection.

Learn to read data from Google Sheets in a Flutter app and export it to Firestore, including setting up the Sheets API and using a sheet named contacts.

Learn how to read data from Google Sheets and export it to the Firestore database in Flutter, creating and populating a contacts collection.

Populate category chips from Firestore by reading the category field from the contacts collection, deduplicating categories, and rendering dynamic chips with distinct colors.

Populate a Flutter dropdown button from Firestore by fetching location data from a context collection, building a dynamic string list, and updating the user interface with a responsive dropdown.