Left Blocks Image | Learnfly Right Blocks Image | Learnfly
All in One Offer! | Access Unlimited Courses in any category starting at just $29. Offer Ends in:

Learnfly | Menu Trigger Icons Browse Library

  • Business Solutions
  • Become an Instructor
  • 0
    Shopping Cart
    Learnfly | Empty Cart Icons

    Your Cart is empty. Keep shopping to find a course!

    Browse Courses
Free
6 days left at this price!

This plan includes

  • Limitedfree coursesaccess
  • Play & PauseCourse Videos
  • VideoRecorded Lectures
  • Learn onMobile/PC/Tablet
  • Quizzes andReal Projects
  • Lifetime CourseCertificate
  • Email & ChatSupport
Get Unlimited Learning Access
$29
6 days left at this price!
30-Day Money-Back Guarantee

This plan includes

  • Access to11,000+Courses
  • Adsfree experienceCourses
  • Play & PauseCourse Videos
  • Learnfly HD IconsHD VideoRecorded Lectures
  • Learn onMobile/PC/Tablet
  • Quizzes andReal Projects
  • Lifetime CourseCertificate
  • InstructorDirect Support
  • Email & ChatSupport
  • Cancel Anytime
$29
$29
$29
  • This Flutter course a complete guide that helps in learning and building a fully functioning Flutter application with Firebase.
  • This course will take your skills to be an expert in Flutter. Where you will learn how to build real apps with payment integration and friendly design, with the best coding structure! In addition, we will cover almost every Flutter widget. And it contains massive content of great UI designs that can be used in other apps. In addition many of the students. Or even workers want to build a Store app such as this one! We will right clean organized code that can be refactored and reused in any Flutter app. We will also implement different Themes. Please feel free to download the app and try it by your own https://play.google.com/store/apps/details?id=com.hadik3.grocery_course
  • 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

Course prerequisites:

  • Basic knowledge in programming to get started

  • Basic knowledge of Flutter

  • Concepts are explained clearly. You will always learn what you're building and why, and then 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 WEB admin portal

  • State management

  • Firebase

  • Clean code and avoid Boilerplate code

  • Styles for UI

  • State ManagementsetStatelifting state up via callbacks, global accessscoped 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, 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 Row and Column

  • Flutter ListView Builder

  • Payment gateway

Course structure:

approximately 17 hours of content and updated regally 

Requirements:

  • Windows application development OR Mac application 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.

  • Basic knowledge in Flutter and Dart
  • Flutter and Dart learning cravers
  • To all people who are interest in Flutter
  • For people who want to make a complete app in Flutter
View More...
  • Section 1 : Introduction 2 Lectures 00:10:59

    • Lecture 1 :
    • Lecture 2 :
    • App Overview - Explain How it work
  • Section 2 : Start Coding - Build The Mobile App UI 32 Lectures 02:36:26

    • Lecture 1 :
    • App initialization and dark theme implementation
    • Lecture 2 :
    • Implement the bottomBar
    • Lecture 3 :
    • Add different appbars for the different screen in the bottombar
    • Lecture 4 :
    • Implement the user screen
    • Lecture 5 :
    • Create the update address dialog
    • Lecture 6 :
    • Implement the logout dialog
    • Lecture 7 :
    • Implement the category design
    • Lecture 8 :
    • Finish building the category screen
    • Lecture 9 :
    • Implement the card swiper in the home screen
    • Lecture 10 :
    • Implement the sale widget
    • Lecture 11 :
    • Create the items on sale listview
    • Lecture 12 :
    • Impelment the rotated on sale text widget
    • Lecture 13 :
    • Fancy image implementation
    • Lecture 14 :
    • Fancy image implementation
    • Lecture 15 :
    • Implement the feeds widget and add it to the Home screen
    • Lecture 16 :
    • Make the price widget dynamic
    • Lecture 17 :
    • Implement the sale screen
    • Lecture 18 :
    • Handle UI if there is no products on sale. (Create new UI to it)
    • Lecture 19 :
    • Implement the feeds screen
    • Lecture 20 :
    • Implement the cart widget
    • Lecture 21 :
    • Implement the cart screen
    • Lecture 22 :
    • Implement the products details screen
    • Lecture 23 :
    • Implement the quantity text controller function
    • Lecture 24 :
    • Implement the wishlist screen
    • Lecture 25 :
    • Impelement the warning dialog
    • Lecture 26 :
    • Implement the orders screen
    • Lecture 27 :
    • Implement the viewed recently products screen
    • Lecture 28 :
    • Handle the empty screen for the Orders, Cart, Wishlist and Viewed recently
    • Lecture 29 :
    • Implement the badge widget for the cart
    • Lecture 30 :
    • Implement the login screen
    • Lecture 31 :
    • Implement the sign up screen
    • Lecture 32 :
    • Implement the forget password screen
  • Section 3 : Build The Admin Panel UI 13 Lectures 01:44:47

    • Lecture 1 :
    • Start implementing the admin panel
    • Lecture 2 :
    • Implement the products widget and explain how to run the web app
    • Lecture 3 :
    • Implement the products gridview
    • Lecture 4 :
    • Implement the all products screen
    • Lecture 5 :
    • Implement the order widget in the Dashboard screen
    • Lecture 6 :
    • Fix the ScrollController error
    • Lecture 7 :
    • Implement the Orders screen
    • Lecture 8 :
    • Implement the upper widgets in the dashboard screen
    • Lecture 9 :
    • Start building the add product screen
    • Lecture 10 :
    • Edit the header widget
    • Lecture 11 :
    • Implement the drop menu for selecting a category
    • Lecture 12 :
    • Impelement the Radio buttons to choose the Measure unit
    • Lecture 13 :
    • Implement the image picker widget (WEB)
  • Section 4 : Web Image Picker 3 Lectures 00:13:04

    • 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
  • Section 5 : State Management 21 Lectures 02:06:49

    • 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
  • Section 6 : Firebase Android App (Part 1) 15 Lectures 01:25:31

    • Lecture 1 :
    • What is Firebase?
    • Lecture 2 :
    • Connect the app to the Firebase
    • Lecture 3 :
    • Firebase initialization
    • Lecture 4 :
    • Allow the user to register using an email and password
    • Lecture 5 :
    • Create a loading manager widget
    • Lecture 6 :
    • Show a different loading widget
    • Lecture 7 :
    • Check if the user is allowed to add to his cart (If the user is logged in)
    • Lecture 8 :
    • Allow the user to sign out, and test the app
    • Lecture 9 :
    • Allow the user to loggin
    • Lecture 10 :
    • Implement the google sign method (Allow the user to login using his gmail acc
    • Lecture 11 :
    • Forget password
    • Lecture 12 :
    • Impelement a toast in Flutter
    • Lecture 13 :
    • Save the user information in the Firebase Firestore
    • Lecture 14 :
    • Fetch the user information from the Firebase Firestore
    • Lecture 15 :
    • Allow the user to edit his address
  • Section 7 : Firebase - Web Admin Panel (Part 1) 8 Lectures 01:07:48

    • Lecture 1 :
    • Connect the web admin panel to the Firebase
    • Lecture 2 :
    • Allow the admin to upload a product
    • Lecture 3 :
    • Flutter web - Upload an image to the Firebase
    • Lecture 4 :
    • Display the products in the admin panel after fetching it from the Firebase
    • Lecture 5 :
    • Implement the Edit product screen
    • Lecture 6 :
    • Display the correct data in Edit product screen
    • Lecture 7 :
    • Allow the admin to update the product details
    • Lecture 8 :
    • Allow the admin to delete a Product
  • Section 8 : Firebase - Android App (Part 2) 4 Lectures 00:31:09

    • Lecture 1 :
    • Fetch the products from the Firebase
    • Lecture 2 :
    • Show different background while fetching the products.mp4
    • Lecture 3 :
    • Allow the user to search for a product
    • Lecture 4 :
    • Fix products duplication error
  • Section 9 : Firebase & User Cart 8 Lectures 00:43:06

    • Lecture 1 :
    • Save user cart to the Firebase Firestore
    • Lecture 2 :
    • Fetch the user cart from the Firebase (Show the itemsthat are in the user cart)
    • Lecture 3 :
    • Fetch the user cart while the app is loading
    • Lecture 4 :
    • Fix some errors related to the user cart
    • Lecture 5 :
    • Show the correct prices in the cart screen
    • Lecture 6 :
    • Allow the user to delete one item from his cart (Perform deletion from an array)
    • Lecture 7 :
    • Allow the user to clear his cart and fix a bug
    • Lecture 8 :
    • Added after the user wishlist section-Fix one bug related to the cart-Null user
  • Section 10 : Firebase & User Wishlist 5 Lectures 00:14:31

    • Lecture 1 :
    • Write the method to save the Wishlist on the Firestore
    • Lecture 2 :
    • Finish the Wishlist provider (Fetch, add, remove From the Firebase)
    • Lecture 3 :
    • Finalize the Wishlist with the Firebase
    • Lecture 4 :
    • Show a progress indicator while adding product to the Wishlist
    • Lecture 5 :
    • Fix a bug while fetching the Wishlist
  • Section 11 : Firebase & User Orders 4 Lectures 00:32:20

    • Lecture 1 :
    • 41- Create the orders model and provider class
    • Lecture 2 :
    • Implement the place order method to save the orders on the Firebase
    • Lecture 3 :
    • Implement the Fetch orders method
    • Lecture 4 :
    • Finalize the orders and display it for the user
  • Section 12 : Firebase & Fixes 1 Lectures 00:07:57

    • Lecture 1 :
    • Save extra user info on google sign in
  • Section 13 : Firebase - Admin Panel (Part 2) 4 Lectures 00:17:44

    • Lecture 1 :
    • Improve the edit product screen UI
    • Lecture 2 :
    • Start fetching the orders and display it in the admin panel
    • Lecture 3 :
    • Refactor the fetching orders widget
    • Lecture 4 :
    • Display the correct orders information
  • Section 14 : Payment Integration - Under Development 3 Lectures 00:41:04

    • Lecture 1 :
    • Stripe setup
    • Lecture 2 :
    • Stripe implementation with Firebase
    • Lecture 3 :
    • Use the Stripe in the cart screen for the user to make an order, and fix the err
  • Learnfly Google Logo
  • Learnfly Facebook Logo
  • Learnfly Apple Logo
  • Learnfly EA Logo
  • Learnfly Amazon Logo
  • Learnfly IBM Logo
  • Learnfly Microsoft Logo
  • Learnfly Reddit Logo
  • Learnfly Spotify Logo
  • Learnfly Uber Logo
  • Learnfly Youtube Logo
  • Learnfly Instagram Logo
  • How do i access the course after purchase?

    It's simple. When you sign up, you'll immediately have unlimited viewing of thousands of expert courses, paths to guide your learning, tools to measure your skills and hands-on resources like exercise files. There’s no limit on what you can learn and you can cancel at any time.
  • Are these video based online self-learning courses?

    Yes. All of the courses comes with online video based lectures created by certified instructors. Instructors have crafted these courses with a blend of high quality interactive videos, lectures, quizzes & real world projects to give you an indepth knowledge about the topic.
  • Can i play & pause the course as per my convenience?

    Yes absolutely & thats one of the advantage of self-paced courses. You can anytime pause or resume the course & come back & forth from one lecture to another lecture, play the videos mulitple times & so on.
  • How do i contact the instructor for any doubts or questions?

    Most of these courses have general questions & answers already covered within the course lectures. However, if you need any further help from the instructor, you can use the inbuilt Chat with Instructor option to send a message to an instructor & they will reply you within 24 hours. You can ask as many questions as you want.
  • Do i need a pc to access the course or can i do it on mobile & tablet as well?

    Brilliant question? Isn't it? You can access the courses on any device like PC, Mobile, Tablet & even on a smart tv. For mobile & a tablet you can download the Learnfly android or an iOS app. If mobile app is not available in your country, you can access the course directly by visting our website, its fully mobile friendly.
  • Do i get any certificate for the courses?

    Yes. Once you complete any course on our platform along with provided assessments by the instructor, you will be eligble to get certificate of course completion.
    Learnfly LMS Sample
  • For how long can i access my course on the platform?

    You require an active subscription to access courses on our platform. If your subscription is active, you can access any course on our platform with no restrictions.
  • Is there any free trial?

    Currently, we do not offer any free trial.
  • Can i cancel anytime?

    Yes, you can cancel your subscription at any time. Your subscription will auto-renew until you cancel, but why would you want to?
User Images | Learnfly

1781 Course Views

2 Courses

My name is Hadi, a Master's degree graduate in computer and communication engineering. I worked as a native mobile developer, then I learned about Flutter years ago. I am willing to share my knowledge and experience with you. Currently, I am working as an online instructor while focusing on Dart and Flutter to share more and more information with my students. I am pursuing my knowledge with another master’s degree in data science and artificial intelligence to expand my expertise in these domains
View More...
  • Unmatched Variety and Value!
    Learnfly's monthly subscription offers unlimited access to a vast range of courses. Affordable pricing, compared to competitors, makes it the ultimate choice for continuous learning.
    Jessica M.

    4.7

    JM
  • Top-Notch Quality, Affordable Rates!
    High-quality courses with certified instructors make Learnfly stand out. The affordable pricing is a game-changer for those seeking premium education.
    Alex P.

    4.5

    AP
  • Certified Excellence Every Time!
    Learnfly's courses, taught by certified instructors, ensure top-notch learning experiences. The course completion certificates add significant value to one's skill set.
    Sarah R.

    4.3

    SR
  • Round-the-Clock Support!
    Learnfly goes the extra mile with 24/7 course support. Their dedication to helping students succeed is commendable.
    Ryan K.

    4.1

    RK
  • Learn Anywhere, Anytime!
    Whether on mobile, PC, or tablet, Learnfly's platform offers flexibility. Learning on the go has never been easier.
    Emily S.

    4.7

    ES
  • Job-Ready Skills!
    Learnfly's job-oriented courses equip learners with practical skills for the workplace. An investment in career growth!
    Jake M.

    4.2

    JM
  • Budget-Friendly Brilliance!
    Learnfly's pricing is a steal for the quality and variety of courses offered. Quality education without breaking the bank.
    Olivia T.

    4.5

    OT
  • Instructor Excellence Unleashed!
    Learn from the best with Learnfly's certified instructors. The platform ensures that knowledge is imparted by industry experts.
    Daniel L.

    4.0

    DL
  • Achievement Unlocked!
    Learnfly not only offers courses but also recognizes your efforts with course completion certificates. A sense of accomplishment with every course finished.
    Maya H.

    4.6

    MH
  • Learning Revolution!
    Learnfly's platform is a revolution in education. Access to unlimited courses at affordable rates is a game-changer.
    Ethan W.

    4.7

    EW
  • setup-own-asterisk-voip-server-with-android-ios-win-apps

    Setup Own Asterisk VoIP Server with...

    By : Abhilash Nelson

    Lectures 12 Beginner 1:34:35
  • gps-tracking-setup-own-gps-server-with-android-ios-apps

    GPS Tracking - Setup own GPS Server...

    By : Abhilash Nelson

    Lectures 9 Beginner 0:57:3
  • android-sqlite-programming-for-beginners

    Android SQLite Programming for Begi...

    By : Sandip Bhattacharya

    Lectures 7 Beginner 0:17:39
  • android-app-developer-guide-the-step-by-step-blueprint

    Android App Developer Guide: The St...

    By : Mubarak Awal

    Lectures 23 Beginner 2:48:6
  • flutter-blog-app-using-firestore-build-ios-android-app

    Flutter Blog App Using Firestore Bu...

    By : Yazdani Chowdhury

    Lectures 9 Beginner 1:6:24
  • android-app-development-course-build-tds-app-using-firebase

    Android App Development Course Buil...

    By : Yazdani Chowdhury

    Lectures 13 Beginner 2:19:3

Students learning on Learnfly works with Fortune 500 companies around the globe.

  • Learnfly | a-l-1a Icons
  • Learnfly | a-l-2a Icons
  • Learnfly | a-l-3a Icons
  • Learnfly | a-l-4a Icons
  • Learnfly | a-l-6a Icons
  • Learnfly | a-l-7a Icons
Sign Up & Start Learning
Learnfly | Sign Up Icons
Learnfly | Sign Up Icons
Learnfly | Sign Up Icons
By signing up, you agree to our Terms of Use and Privacy Policy
Reset Password
Enter your email address and we'll send you a link to reset your password.
Learnfly | Sign Up Icons