HOME > Development > Flutter+Firebase Build a Grocery AppWEB Admin Panel [2024]

Flutter+Firebase Build a Grocery AppWEB Admin Panel [2024]

  • Development
  • May 02, 2025
SynopsisFlutter+Firebase Build a Grocery App&WEB Admin Panel [202...
Flutter+Firebase Build a Grocery AppWEB Admin Panel [2024]  No.1

Flutter+Firebase Build a Grocery App&WEB Admin Panel [2024], available at $84.99, has an average rating of 4.28, with 158 lectures, based on 402 reviews, and has 14208 subscribers.

You will learn about This Flutter course is a complete guide that helps learn and build a fully functioning Flutter application with Firebase. Teaching how to write Clean-code and avoid Boilerplate code A fully functional app that is ready for use and deployment Fully Functional Flutter Grocery app with WEB Admin panel Flutter SharedPreferences Clear state management with Flutter Provider State Management Flutter StreamBuilder & FutureBuilder Firebase Firestore, Authentication & Storage Payment gateway Write production-ready code following best practices and become a competent Flutter developer This course is ideal for individuals who are Flutter and Dart learning cravers or To all people who are interest in Flutter or For people who want to make a complete app in Flutter It is particularly useful for Flutter and Dart learning cravers or To all people who are interest in Flutter or For people who want to make a complete app in Flutter.

Enroll now: Flutter+Firebase Build a Grocery App&WEB Admin Panel [2024]

Summary

Title: Flutter+Firebase Build a Grocery App&WEB Admin Panel [2024]

Price: $84.99

Average Rating: 4.28

Number of Lectures: 158

Number of Published Lectures: 158

Number of Curriculum Items: 158

Number of Published Curriculum Objects: 158

Original Price: 94.99

Quality Status: approved

Status: Live

What You Will Learn

  • This Flutter course is a complete guide that helps learn and build a fully functioning Flutter application with Firebase.
  • Teaching how to write Clean-code and avoid Boilerplate code
  • A fully functional app that is ready for use and deployment
  • Fully Functional Flutter Grocery app with WEB Admin panel
  • Flutter SharedPreferences
  • Clear state management with Flutter Provider State Management
  • Flutter StreamBuilder & FutureBuilder
  • Firebase Firestore, Authentication & Storage
  • Payment gateway
  • Write production-ready code following best practices and become a competent Flutter developer
  • Who Should Attend

  • Flutter and Dart learning cravers
  • To all people who are interest in Flutter
  • For people who want to make a complete app in Flutter
  • Target Audiences

  • Flutter and Dart learning cravers
  • To all people who are interest in Flutter
  • For people who want to make a complete app in Flutter
  • Course prerequisites:

  • Basic knowledge in programmingto get started

  • Basic understanding of Flutter and good knowledge is recommended

  • Concepts are explained clearly. You will always learn what you’re building and why and how to do it.

  • How this course can be of help:

  • Gaining more knowledge in Flutter and Firebase with Payment integration

  • Learn how to make a shopping application simply with a web admin panel

  • A fully functional app that is ready for use and deployment

  • What’s in the course:

  • Complex UI has done simply

  • Build a Complete mobile app With a WEB admin portal

  • State management

  • Firebase

  • Clean code and avoid Boilerplate code

  • Styles for UI

  • State Management: setState, lifting state up via callbacks, global access, scoped access with Provider and ChangeNotifier

  • Navigation & Custom navigation

  • Dart

  • Forms, input handling, and validation

  • Managing and updating packages

  • Databases and Cloud Firestore

  • ListViews and multiple UI states

  • Firebase Authentication

  • Firebase Firestore

  • Firebase Storage

  • Dart Programming Language – Fundamentals and intermediate&expert topics

  • How to understand Flutter Mobile Development by building apps incrementally.

  • How to design, build, and debug Flutter apps

  • How to get Flutter apps to communicate with a real-time database – Firestore

  • How to build robust apps with Flutter

  • Flutter AppBar

  • Flutter Material Design

  • Flutter Rowand Column

  • Flutter ListView Builder

  • Payment gateway

  • Course structure:

    approximately 17 hours of content and updated regally 

    Requirements:

  • Windows application development OR Macapplication development

  • Access to a computer with an internet connection.

  • and you are ready for the journey

  • Love learning about applying cutting-edge algorithms to practical cases!

  • What Should I Expect After this Course?:

  • The ability to build a fully functional shopping application with Firebase and payment integration

  • New information regarding Flutter

  • Note that the course builds on Windows, so I didn’t have a chance to cover the IOS configurations! But feel free to ask anything about it. I will be there to help.

    Note:

    This course has 2 apps, One for the user “ANDROID app in Portrait mode”, and one for the admin “WEB”.

    Note that the ANDROID app is responsive only in portrait mode, it doesn’t support landscape mode.

    The search logic is done locally, and it is only available in the Android application since it is the same logic if you want to implement in the WEB Admin Panel.

    The app is available on Playstore, please consider testing it before buying the course.

    Course Curriculum

    Chapter 1: Introduction

    Lecture 1: Introduction

    Lecture 2: Best price for the course

    Lecture 3: BEFORE BUYING THIS COURSE

    Lecture 4: App overview – explain how it works

    Lecture 5: WEB Admin panel overview

    Lecture 6: Youtube channel

    Lecture 7: My Github

    Lecture 8: Discord server. Make sure to join if you have any question!

    Lecture 9: MY SOCIAL ACCOUNTS TO REACH ME

    Lecture 10: App resources

    Chapter 2: Start coding – Build the Mobile app UI

    Lecture 1: Important Note on Course Access and Feedback

    Lecture 2: Tips and tricks

    Lecture 3: lock device orientation

    Lecture 4: MAKE THINGS CLEAR

    Lecture 5: App intialization and dark theme implementation

    Lecture 6: Implement the bottomBar

    Lecture 7: Assignment 1

    Lecture 8: Add different appbars for the different screen in the bottombar

    Lecture 9: Assignment 2

    Lecture 10: Implement the user screen

    Lecture 11: Create the update address dialog

    Lecture 12: Assignment 3

    Lecture 13: Implement the logout dialog

    Lecture 14: Implement the category design

    Lecture 15: Finish building the category screen

    Lecture 16: Implement the card swiper in the home screen

    Lecture 17: Implement the sale widget

    Lecture 18: Create the items on sale listview

    Lecture 19: Impelment the rotated on sale text widget

    Lecture 20: Fancy image implementation

    Lecture 21: Implement the feeds widget and add it to the Home screen

    Lecture 22: Textfield Error

    Lecture 23: Make the price widget dynamic

    Lecture 24: Implement the sale screen

    Lecture 25: Handle UI if there is no products on sale. (Create new UI to it)

    Lecture 26: Implement the feeds screen

    Lecture 27: Implement the cart widget

    Lecture 28: Implement the cart screen

    Lecture 29: Assignment 4

    Lecture 30: Implement the products details screen

    Lecture 31: Implement the quantity text controller function

    Lecture 32: Implement the wishlist screen

    Lecture 33: Impelement the warning dialog

    Lecture 34: Implement the orders screen

    Lecture 35: Implement the viewed recently products screen

    Lecture 36: Handle the empty screen for the Orders, Cart, Wishlist and Viewed recently

    Lecture 37: Badge package errors

    Lecture 38: Fix – Badge Package Error After v3.7

    Lecture 39: Implement the badge widget for the cart

    Lecture 40: Implement the login screen

    Lecture 41: Implement the sign up screen

    Lecture 42: Implement the forget password screen

    Chapter 3: Build the admin panel UI

    Lecture 1: Menu controller error

    Lecture 2: Start implementing the admin panel

    Lecture 3: About next lecture

    Lecture 4: Implement the products widget and explain how to run the web app

    Lecture 5: Implement the products gridview

    Lecture 6: Implement the all products screen

    Lecture 7: Implement the order widget in the Dashboard screen

    Lecture 8: Fix the ScrollController error

    Lecture 9: Implement the Orders screen

    Lecture 10: Implement the upper widgets in the dashboard screen

    Lecture 11: Start building the add product screen

    Lecture 12: Edit the header widget

    Lecture 13: Implement the drop menu for selecting a category

    Lecture 14: Impelement the Radio buttons to choose the Measure unit

    Lecture 15: Implement the image picker widget (WEB)

    Chapter 4: WEB Image picker

    Lecture 1: Allow the admin to pick up the product image

    Lecture 2: Allow the admin to clear the picked image

    Lecture 3: Implement the clear form function

    Chapter 5: State management

    Lecture 1: Create a model class for the products

    Lecture 2: Show different products

    Lecture 3: Implement the products provider

    Lecture 4: Get the products details in the feeds screen without passing it

    Lecture 5: Read the other attributes in the feads widget

    Lecture 6: Finish the state management for the on sale products

    Lecture 7: Show the product details

    Lecture 8: Show different products depending on their category

    Lecture 9: Implement the cart model

    Lecture 10: Implement the cart provider

    Lecture 11: Allow the user to add to his cart

    Lecture 12: Manage the cart screen

    Lecture 13: Show the correct information of the items in the cart

    Lecture 14: Allow the user to clear his cart, update quantity and remove one item from cart

    Lecture 15: Add to cart from the product details

    Lecture 16: Check if product is in cart

    Lecture 17: Implement the wishlist provider

    Lecture 18: Allow the user to add to his wishlist

    Lecture 19: Finish the wishlist state management

    Lecture 20: Finish the viewed recently state management

    Lecture 21: Show the correct number for the cart badge

    Chapter 6: Firebase – Android app (Part 1)

    Lecture 1: What is Firebase?

    Lecture 2: SHA1 Key

    Lecture 3: Connect the app to the Firebase

    Instructors

  • Flutter+Firebase Build a Grocery AppWEB Admin Panel [2024]  No.2
    Hadi Kachmar
    Mobile developer and Data Scientist
  • Rating Distribution

  • 1 stars: 11 votes
  • 2 stars: 7 votes
  • 3 stars: 36 votes
  • 4 stars: 114 votes
  • 5 stars: 234 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!