Build a Google Drive Clone with Flutter, Firebase and Getx

Configure packages for a Google Drive clone in Flutter, including Google fonts, Eva icons, GetX, Google Sign-In, Firebase Auth, Firestore, and storage initialization.

Configure Google sign-in for Firebase and build an authentication controller with GetX to manage state, inject it into the login screen, and implement a login function to authenticate users.

Learn to implement Google sign-in with Firebase authentication in a Flutter app, create sign-in instances, obtain tokens, save user data to Firebase, and initialize Firebase at app startup.

Navigate users by authentication state with a reactive GetX controller and Firebase; after Google sign-in and saving user data, authenticated users reach the home screen while others see login screen.

Learn to customize a glassy tab bar in a Flutter-based Google Drive clone, building a storage and files navigation header with shadows, an app bar, and a responsive UI.

Builds the bottom storage options row for the upper storage screen, using a reusable colored container widget to display images, videos, documents, and audio with responsive user interface.

Build the file screen UI for the Google Drive clone in Flutter by replacing a container with a column containing a recent files section and a folder section, using GetX.

Create a recent files widget for a Flutter, Firebase, Getx Google Drive clone, featuring a header and a horizontally scrolling list of image cards with captions.

Add folders to firebase by wiring a button tap to save a folder name into the current user's folders collection, using a text editing controller and collection/document structure.

Learn to build a Firebase service for uploading multiple files via a file picker in Flutter, with optional folder names, preparing for file type, extension, and name filtering and compression.

Learn to filter file type and name in a Flutter Google Drive clone by iterating over multiple files, extracting the file type, extension, and base file name with null-safe logic.

Create a file model in flutter with id, url, name, date uploaded, type, extension, folder, and size. Parse firestore document snapshots and wire a files controller.

Bind a real-time stream to a reactive files list to fetch recent files from Firebase, ordered by date uploaded, and map documents to file models for display.

Bind the files controller to the display screen, initialize it on entry, and render a reactive obx-backed list. Show folder contents with dynamic thumbnails or icons.

Show how to filter and display files by type (images, videos, documents) in a Flutter app using Firebase and GetX, via a display file screen with a type parameter.