Flutter+Firebase Build a Grocery AppWEB Admin Panel [2024]
- Development
- May 02, 2025
![Flutter+Firebase Build a Grocery AppWEB Admin Panel [2024] No.1 Flutter+Firebase Build a Grocery AppWEB Admin Panel [2024] No.1](http://www.366522.com/zb_users/plugin/LazyLoad/usr/loading.gif)
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
Who Should Attend
Target Audiences
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 Flutter+Firebase Build a Grocery AppWEB Admin Panel [2024] No.2](http://www.366522.com/zb_users/plugin/LazyLoad/usr/loading.gif)
Hadi Kachmar
Mobile developer and Data Scientist
Rating Distribution
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!
- Random Picks
- Popular
- Hot Reviews
- YouTube Piggyback Method Unlimited Cheap Traffic
- Film Sales and Distribution Masterclass - Filmmaking Series
- Advanced Photoshop Manipulations Tutorials Bundle
- Life Insurance Annuity Ultimate Buyer’s Guide
- 3DS Max Tutorial. Learn The Art of Modelling and Animation
- Crypto Trading Mastery (Scalping, Day trading, price action)
- Personal Finance
- The Beginner Forex Trading Playbook
- 1YouTube Masterclass The Best Guide to YouTube Success
- 2Photoshop CC- Adjustement Layers, Blending Modes Masks
- 3Personal Finance
- 4SolidWorks Essential Training ( 2023 2024 )
- 5The Architecture of Oscar Niemeyer
- 6Advanced Photoshop Manipulations Tutorials Bundle
- 7Polymer Clay Jewelry Making Techniques for Beginners
- 8SEO for Web Developers
- 1Linux Performance Monitoring Analysis Hands On !!
- 2Content Writing Mastery 1- Content Writing For Beginners
- 3Media Training for PrintOnline Interviews-Get Great Quotes
- 4Learn Facebook Ads from Scratch Get more Leads and Sales
- 5The Complete Digital Marketing Course Learn From Scratch
- 6C#- Start programming with C# (for complete beginners)
- 7[FREE] How to code 10 times faster with Emmet
- 8Driving Results through Data Storytelling