Build UBER Clone App Using Flutter and Firebase (2020)

Compare Firebase Realtime Database and Cloud Firestore, highlighting NoSQL structure, real-time synchronization, and query performance; the course guides choosing the Realtime Database and setting up Firebase Database and authentication.

Set up a Firebase real-time database and email/password authentication for your Uber clone app by creating a project, enabling the database in test mode, and configuring sign-in.

Learn to initialize a Flutter app with Firebase Realtime Database, register Android app, add Google services, install Firebase packages, and create a test connection button to write data.

Complete Firebase database setup for iOS by adding app, retrieving bundle ID, installing GoogleServices-Info.plist, and configuring API key, database URL, GCM sender ID, and Google app ID to verify connectivity.

Learn to import custom images and fonts into a Flutter project, configure pubspec.yaml, and apply a brand regular font across the app as you plan the login and registration screens.

Design a login screen in Flutter using scaffold, safe area, and a scrollable column featuring a logo, email and password fields, a rounded login button, and a sign-up option.

Design a flutter registration page by adapting the login scaffold, adding full name and phone number fields, and setting routes to login and registration pages.

Learn routing in a flutter app by defining named routes for registration, login, and main pages, setting an initial route, and using navigator push named with remove until.

Create a custom reusable taxi button widget in Flutter to avoid repetition and enable configurable title and color. Also support on-press actions on login and registration pages.

Register a new user with firebase authentication in a flutter app by wiring four text fields to controllers, implementing a register user method, and validating inputs with snack bar feedback.

Register users with firebase authentication and save full name, email address, and phone number to the firebase database under users/{uid}; handle errors and check connectivity before navigating to main page.

Implement login for existing users in a Flutter app using Firebase authentication with email and password controllers, basic input validation, and navigate to the main page after signing in.

Add a reusable progress dialog widget in Flutter to display a non-dismissible loading indicator during login and registration, showing status updates like logging you in or registering you.

Install the Google Maps Flutter package, enable Maps SDK for Android and iOS, and configure API keys in Google developers console to wire map widget with a controller in Flutter.

Design the bottom-aligned search destination panel on a Flutter map page, using a rounded container, Stack and Positioned widgets, and a search row with an icon.

Apply map padding in a Flutter app to keep Google logo and controls visible on Android and iOS, using platform-aware padding and dynamic height adjustments.

Retrieve the current location with the geo locator package, then animate the map to that position using a camera with zoom 14, while handling Android and iOS permissions.

Enable the Google Geocoding API in the Google Developers Console for the G Taxi project and use geocoding to convert coordinates into a formatted address for map integration.

Implement Google geocoding in a flutter app by creating an HTTP request helper, calling the Google Geocoding API with coordinates, and retrieving the formatted address.

Use the provider package to save and access location, address, and place data across the app with a data provider class powered by change notifier.

Create an address model with place name, latitude, longitude, place ID, and formatted address; save current location to a provider and update pickup address, notifying listeners to refresh text widget.

Create a search page in Flutter for the Uber clone, with navigation from the main page using material page route and text fields for pick up location and destination.

Prefill the pickup location text field on the search page with the current address and auto focus the destination field, using text editing controllers and a focus node.

Discover how the Google Places API retrieves place predictions and details such as name, address, and coordinates from a search query, and how to enable it in Google developers console.

Learn to build a place autocomplete request with the Google Places API, covering required input and key, optional session token and country component, and basic testing.

Learn to deserialize place prediction results into a prediction model and display main and secondary text in a list view, including place id extraction.

Design and implement a Flutter list view to display prediction results using a custom PredictionTile, extracting the widget and binding data from a destination prediction list with setState.

Select a predicted place and fetch its details using the place id and map key to obtain the name, address, and coordinates, then save the destination in app data.

Implement the Google Directions API to fetch routes, build the URL with origin, destination, mode, and API key, and extract distance, duration, and encoded points into a direction details model.

Retrieve directions from pickup to destination by fetching coordinates, calling direction details, retrieving encoded points, showing a progress dialog, and returning a get direction instruction to the main page.

Draw a polyline from pickup to destination on the map by decoding encoded points with the polyline points package, converting to lat/lon, and rendering a purple polyline with round joins.

Learn to fit a polyline on a map using LatLngBounds by calculating southwest and northeast corners, updating the camera, and testing with padding for a complete route visualization.

Add pickup and destination markers and circles on the map, configure markers with positions and info windows, and render them in the Flutter and Firebase Uber clone.

Design the ride estimates panel as a bottom detail sheet in Flutter to display the tip cost with a structured container, icons, and a taxi button.

Animate the switch between search sheet and right detail sheet in a Flutter and Firebase Uber clone, using animated size, platform-specific heights, and a 150 ms show detail sheet.

Develop a fare estimation flow using distance and duration from the Directions API details to compute base, distance, and time components, returning the total fare.

Add a back button to reset ride details and replace the menu icon. Implement a reset app function to clear polylines, markers, and circles and restore map and user interface.

Design and animate ride request panel for the Uber clone app with Flutter and Firebase. Assemble trip details and submit Firebase trip request, using typewriter animation from animated text kit.

Retrieve the current user's email, phone, and full name from Firebase by querying the user reference with the UID, then deserialize into a user model for use in trip requests.

Create a ride request on Firebase by assembling a ride map with pickup, destination, createdat, rider name, coordinates, and a waiting driver id saved under a generated ride reference.

Learn to cancel a ride request by deleting the Firebase ride reference, resetting the app, and hiding the requesting sheet to reveal the stat sheet.