FlutterFlow Course: Learn to Build E-Commerce Grocery App

Explore building a grocery delivery app from scratch with flutter flow, no coding required, covering setup, firebase data, admin dashboard, razorpay payments, add-to-cart logic, and orders.

Learn to build a complete e-commerce grocery app with FlutterFlow, including Firebase-backed products, add-to-cart, cart totals, checkout with Razorpay, orders, addresses, profile, support, and category filters.

Learn to design the onboarding page in Flutter Flow and set up Firebase authentication with email, Google, and anonymous, linking to a Firestore users collection.

Design and implement the home screen for a FlutterFlow grocery app, wiring backend products and categories data, and set up a smart basket with add to cart functionality.

Learn to implement add to cart with a dynamic UI and backend logic in FlutterFlow, including cart creation, duplicate checks, quantity adjustments, and real-time cart total updates.

Fixes the add to cart bug by validating the cart state for an authenticated user, computing total value with price and quantity, and updating the app state accordingly.

Fetch and display products by category in a FlutterFlow grocery app, filter the products query by vegetables or fruits, and pass the category name to a list page.

Design a settings screen with an edit profile form in a flutterflow e-commerce app, prefilled with the authenticated user's name, email, and phone number.

Learn to build an addresses feature in a FlutterFlow ecommerce app by fetching user-specific addresses, and adding, updating, and deleting addresses with a dedicated add address screen.

Implements the edit address feature by duplicating the add address screen into an update screen, passing the address document from the addresses collection, preloading fields, and updating the document.

learn to integrate the Razorpay payment gateway in FlutterFlow, wire the continue to checkout flow, create an orders collection, and confirm order placement after payment.

Learn to integrate stripe payments in FlutterFlow by enabling stripe on checkout, configuring test and live keys, and converting cart total to the amount charged.

After an order completes, update the cart by removing items and resetting the invoice total, using a loop to delete each cart document for the authenticated user.

Build and display the user's orders history in a FlutterFlow e-commerce app, connecting an orders screen to the backend and showing invoice total, delivery date, order ID, status, and products.

Create a team support UI in a FlutterFlow e-commerce grocery app, capture user issues and user id, submit to the team support collection, and show a success alert or snackbar.

Redesign the onboarding screen with a page view in FlutterFlow, adding multiple pages with images and text, and implement light and dark mode for a grocery app onboarding experience.

Design and implement a cart notification badge in the e-commerce app that increments as items are added, starting from zero, and customize its red color and padding for visibility.

Install the Algolia extension in Firebase, upgrade to the Blaze plan, and enable product search by querying the products collection via a text field in the FlutterFlow e-commerce grocery app.

Learn to enhance the grocery app's home UI in FlutterFlow by adding an exclusive offers carousel, nutrition details, and a page-load animation.

Implement a nutrition details feature by designing a see nutrition details button, opening a bottom sheet, and displaying calories, carbs, protein, fat, and benefits from backend data.

Learn to implement and test push notifications for a grocery app with Firebase messaging, campaigns, and testing on a physical device via FlutterFlow.