Build an OLX / Ebay clone with Flutter, Firebase and Getx

Configure a Flutter app by adding pub packages for authentication, Cloud Firestore, storage, image handling, and utilities, using the gettext package for state management and navigation.

Set up a Firebase backend for your Flutter app by creating a Firebase project, registering the Android app, downloading google-services.json, and enabling multi-dex in Gradle.

Configure files to enable geolocation for your flutter app by updating gradle properties, compiling sdk 33, min sdk 19, and adding location and internet permissions in AndroidManifest.xml and iOS Info.plist.

Build a login screen UI in Flutter using GetX navigation, Firebase auth setup, and Google Fonts styling, featuring email and password fields, forgot password, and sign-in actions.

Design a register screen in Flutter with GetX navigation, including email, password, username, and phone fields, a get my address button, sign up action, and a policy note.

Create an authentication controller with GetX to manage login, user creation, sign out, and location retrieval, integrating Firebase for authentication within a Flutter app.

Fetch user location in a flutter app using geolocator and geocoder. Handle services and permissions and map coordinates to city, country, and street with reactive GetX variables.

Enable Firebase authentication by adding the first sign-in method, email and password, and use the Firebase Auth provider to register users.

Register a user with email and password in Firebase Auth, then save their profile to Cloud Firestore under users using the uid, initializing Firebase and showing errors with a snackbar.

Implement a login flow that signs in with email and password using a shared auth controller via GetX, with on‑tap triggers and automatic navigation to the home screen.

Implement reactive user authentication in a Flutter app by binding Firebase auth state to a GetX controller and conditionally navigating between login and the main navigation screen.

Builds a bottom navigation bar in flutter's main screen, configuring five items (home, charts, sell, my ads, profile) with icons, labels, fixed type, and styling for selected and unselected states.

Create a reactive flutter bottom navigation with GetX, building home, chat, add product, my products, and profile screens and wiring a nav controller and pages list.

Build the starting screen UI for a Flutter OLX clone. Create a scrollable scaffold with a centered 'sell an item' header and a prominent 'sell my items' button.

Design the add product title screen user interface with category chips and a description field, featuring a custom indigo app bar and text editing controllers for title and description.

Learn to manage category state in a GetX Flutter app by building an add product controller, get builder, and a binding with lazy injection to update category chips on tap.

Create a flexible Flutter product model with optional fields like id, user id, images, title, price, category, date, description, featured, sold; implement fromDocumentSnapshot to parse Firestore data into JSON.

Build a Flutter photos screen for an OLX-style app, enabling add photos, set a price with a price controller, and navigate from the title screen to save the product.

Use GetX to manage adding photos by selecting multiple images into an images list in add product controller, then display them in a carousel with autoplay and prepare for upload.

Add products to Firebase by uploading images to Firebase Storage and saving a product document with title, price, description, category, images, date, and uid; handle progress dialogs and notifications.

Create the search bar UI on the home screen. Build a full-width text field inside a rounded grey container with a search icon and hint text.

Build a horizontal categories scroller in Flutter to filter products by category, featuring a search bar, browse categories heading, and category item widgets with icons and colors.

Showcases a featured products UI with a refresh action, a looping carousel of autoplaying items, and a bottom-right price overlay on product images.

Implement a two-column staggered grid to display recommended products with a reusable item widget, network images, location, title, and price, then fetch data from the database.

Learn to fetch featured and recommended products from Firebase using a GetX home controller, with an init routine, while authenticating as another user to view other users' items.

Retrieve featured unsold products from Firebase using a reactive GetX list in the home controller, binding a stream of ProductModel from a Firestore query with filters and a fifteen-item limit.

Learn how to fetch featured items from Firebase with GetX using streams, inject state, and render a carousel of products on the home screen, including empty states and data-driven pricing.

Create a reactive recommended list in the home controller, bind it to a firebase stream, and display up to ten items excluding current user and sold products in the UI.

Show them in UI: learn to fetch and display recommended products on the home screen using GetX, map product models to UI cards, and bind images, titles, and prices.

Show product location by fetching the posting user’s current city from a user model using uid with a feature builder and database service; updates reflect when the user relocates.

Open a dedicated view product screen to see full details, including an image carousel, description, price, and location. Users can message the seller or report the listing.

Learn to build a product description section in a Flutter app by displaying image, category, time-ago posted date, title, price, and description with precise styling and padding.

Demonstrates embedding a product location map in Flutter using the flatter map package and open street map, centering on provided lat/long and displaying a red marker.

Build a user profile row in a Flutter app for an OLX clone, featuring a rounded network avatar, user name, time since creation, and trailing report and message buttons.

Create a view product controller that fetches user data by uid from firebase, uses a reactive user model to auto update the ui when data changes.

Learn to display a full product address via a Get default dialog in a Flutter app when tapping a marker, showing street, city, and country with themed styling.

Add a report user feature with a dialog and a multiline text field to submit reports, stored in a dedicated reports collection for admin review and action.

Explore building a tab bar UI on the my product screen in Flutter, separating current user products into for sale and sold tabs with a scrollable layout and elevated cards.

Discover GetX state for a tab bar by creating a my products controller with a reactive tab (for sale or sold), and binding UI updates to tab changes.

fetch current user products in a flutter getx app by building reactive for-sale and sold lists, querying firebase by user uid and sold status, and mapping documents to product models.

Create a Flutter product card user interface using a list view builder to render multiple items, each with a 30/70 image–details layout and a forward icon.

Create a reactive product list that switches between for sale and sold tabs, fetching real data from Firebase, displaying product model details, images, and handling empty states with a placeholder.

Learn to implement a popup dialog for deleting or toggling a product's sold status using Flutter, Firebase and GetX, with on-tap actions and real-time updates.