Master Flutter By Building A Video And Voice Call App

Organize a flutter project by creating a structured folder hierarchy—pages, frame, welcome—and add core files like first_bindings.dart, index.dart, state.dart, and view.dart while reviewing required packages in pubspec.yaml.

Leverage GetX state management to build a welcome controller and welcome state, create bindings, expose state variables, and use onReady for navigation and routing between pages.

Learn how to set up a welcome binding, inject a controller via dependency injection, and keep state in memory with lazy bindings to power a reactive Flutter UI.

Create a welcome library by exporting the state, controller, and index files, exposing a single library named welcome for easy referencing across the app.

Create a welcome page as a stateless Flutter widget, bind its title to a controller via GetX, and style text with Montserrat, primary colors, and a scaffold layout.

Build a responsive flutter screen by configuring margins, colors, and design size with screen util, spx font sizing, and GetX setup for adaptive UI.

Learn flutter app architecture with state, controller, bindings, and view. Connect routes in main.dart and wire the welcome and onboard pages to the controller.

Apply middleware to guard routes with conditional checks, redirecting from public pages to login or profile pages, and implement a middleware class to control navigation in Flutter routing.

Build the sign-in page UI, rename and connect the sign in state, binding, and controller, and organize files into a sign in folder before advancing to the controller section.

Configure the sign in module in Flutter, define sign in routing and bindings, inject dependencies before loading the sign in view, and troubleshoot a store not found error.

Inject dependencies globally by creating a global.dart file, load configuration at app boot, initialize the user store, storage service, and controllers before the first widget builds.

Explore how storage service with shared preferences persists data across apps. Learn the difference between getX service and getX controller and how to save and retrieve strings, booleans, and lists.

Explore how the storage service uses shared preferences to store and retrieve string values by keys, encode objects to JSON for profiles, and remove data on logout.

learn to create a Google sign-in button in flutter by building a reusable third-party login widget with styled containers, border radius, shadows, padding, and dynamic login type handling.

Build a sign-in page with dynamic login type and logo by passing parameters, using Dart string interpolation to switch Google, Facebook, and Apple logos.

Master a phone-number sign-in flow in Flutter by refining the login interface with dividers, expanded widgets, margins, and color styling, while generalizing the third-party login function beyond Google.

Implement a sign in module with phone number login and third party options, and refine the UI with a conditional logo and gesture-detectable sign-up buttons.

Implement Google sign-in in a Flutter sign-in controller, configure OpenID scope, and handle login types (Google, Facebook, Apple, phone) with async/await and error handling.

Sign in with Google to retrieve user data such as email, user ID, display name, and photo URL, using null checks and optional chaining. Wrap fields into a user object.

Configure iOS and Android login with Google sign-in, update info.plist with reverse client ID, enable Google sign-in in Firebase, and debug platform-specific authentication issues.

Learn to change android package name and iOS bundle identifier, replace identifiers across files, and reconfigure Firebase with FlutterFire for iOS and Android.

Learn to implement Firebase and Google authentication for iOS and Android, manage login sessions and logout flow, and configure reverse client id in info.plist with flutter clean and pub get.