HOME > Development > Build a Grocery Ecommerce Shopping App with FlutterFlow

Build a Grocery Ecommerce Shopping App with FlutterFlow

  • Development
  • Mar 15, 2025
SynopsisBuild a Grocery Ecommerce Shopping App with FlutterFlow, avai...
Build a Grocery Ecommerce Shopping App with FlutterFlow  No.1

Build a Grocery Ecommerce Shopping App with FlutterFlow, available at $79.99, has an average rating of 4.43, with 27 lectures, based on 162 reviews, and has 1041 subscribers.

You will learn about Convert UiUx design from Figma into Pages in FlutterFlow using Widgets Use custom functions to implement difficult features in FlutterFlow Understand Firebase and how to use it for your FlutterFlow project Web Publishing View code Download code Connect to Github repository Integrate Stripe Payment Animations This course is ideal for individuals who are Beginner to Professional Mobile App Development without coding using FlutterFlow It is particularly useful for Beginner to Professional Mobile App Development without coding using FlutterFlow.

Enroll now: Build a Grocery Ecommerce Shopping App with FlutterFlow

Summary

Title: Build a Grocery Ecommerce Shopping App with FlutterFlow

Price: $79.99

Average Rating: 4.43

Number of Lectures: 27

Number of Published Lectures: 27

Number of Curriculum Items: 27

Number of Published Curriculum Objects: 27

Original Price: $49.99

Quality Status: approved

Status: Live

What You Will Learn

  • Convert UiUx design from Figma into Pages in FlutterFlow using Widgets
  • Use custom functions to implement difficult features in FlutterFlow
  • Understand Firebase and how to use it for your FlutterFlow project
  • Web Publishing
  • View code
  • Download code
  • Connect to Github repository
  • Integrate Stripe Payment
  • Animations
  • Who Should Attend

  • Beginner to Professional Mobile App Development without coding using FlutterFlow
  • Target Audiences

  • Beginner to Professional Mobile App Development without coding using FlutterFlow
  • In this course, you will learn how to build an e-commerce shopping app without coding using FlutterFlow, Firebase, and Stripe.

    You will learn how to convert UiUx designs from Figma into FlutterFlow using widgets. You will understand how to implement backend actions for the application and publish it to the web, Play Store or App Store. With this course, you will move from beginner to advance no-code developer with proficiency in frontend development, backend development, firebase integration, and stripe for payment. You will learn how to publish your app to the web.

    Here is the summary of what you will learn in this course:

    You will learn how to download the codes to your project.

    You will learn how to publish the mobile app to the web.

    You will learn how to connect to Stripe for payment.

    You will learn how to connect to your GitHub repo like traditional developers.

    You will learn about conditional visibility.

    You will learn how to use custom functions to achieve some functionalities in your app.

    You will learn best practices for mobile responsiveness.

    You will learn more about Firebase security rules.

    You will learn how to switch from the Spark plan to the Blaze plan in Firebase.

    Course Curriculum

    Chapter 1: Introduction

    Lecture 1: Introduction to FlutterFlow and Nocode Development

    Chapter 2: From Figma to FlutterFlow

    Lecture 1: Onboarding Page

    Lecture 2: Login and Sign up Page

    Lecture 3: Home Page

    Lecture 4: Shoping Category Page

    Lecture 5: Product Page

    Lecture 6: Product Details Page

    Lecture 7: Shopping Cart Page

    Lecture 8: Checkout Page

    Lecture 9: Order Page

    Lecture 10: Track Order Page

    Chapter 3: Backend Actions and Custom functions to implement key features

    Lecture 1: Backend Actions for Login and Sign up Page and Home Page

    Lecture 2: Backend Actions for Home Page and Recommended Items

    Lecture 3: Backend Actions for Shopping Category and Products Page – Part 1

    Lecture 4: Backend Actions for Shopping Category and Products Page – Part 2

    Lecture 5: Backend Actions for Shopping Category and Products Page – Part 3

    Lecture 6: Backend Actions for Shopping Cart and Checkout Page – Part 1

    Lecture 7: Backend Actions for Shopping Cart and Checkout Page – Part 2

    Lecture 8: Backend Actions for Shopping Cart and Checkout Page – Part 3

    Lecture 9: Backend Actions for Stripe Payment

    Lecture 10: Backend Actions for Orders Page – Part 1

    Lecture 11: Backend Actions for Orders Page – Part 2

    Lecture 12: Backend Actions for Track Orders Page – Part 1

    Lecture 13: Backend Actions for Track Orders Page – Part 2

    Lecture 14: Backend Part 9 – Using Latlng to calculate distance

    Lecture 15: Backend Part 10 – Search functionality for Products

    Lecture 16: Backend Part 11 – category filter functionality using app state variables

    Instructors

  • Build a Grocery Ecommerce Shopping App with FlutterFlow  No.2
    David Orok
    Founder of eelspace | FlutterFlow Ambassador | Nocoder
  • Rating Distribution

  • 1 stars: 10 votes
  • 2 stars: 10 votes
  • 3 stars: 13 votes
  • 4 stars: 38 votes
  • 5 stars: 91 votes
  • Frequently Asked Questions

    How long do I have access to the course materials?

    You can view and review the lecture materials indefinitely, like an on-demand channel.

    Can I take my courses with me wherever I go?

    Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!