Flutter & Firebase: build an E-commerce and Admin App [2024]
- Description
- Curriculum
- FAQ
- Reviews
This course is in Arabic and English. but this is the English version of it
Course Description: Flutter & Firebase Mastery
Learn to design, build, and debug fully functional shopping applications with Flutter and Firebase. This course offers in-depth knowledge of Flutter mobile development, Dart programming, and Firebase integration. By the end of the course, you will be equipped to manage freelance projects confidently and be well-prepared to take on a Flutter development position within a company.
Prerequisites
-
Basic knowledge of programming
-
Basic understanding of Flutter
-
Experience with Windows or Mac application development
-
Access to a computer with an Internet connection
-
Enthusiasm for learning and applying cutting-edge algorithms to practical cases
Recording Equipment:
-
Video Editing Software: Camtasia 2022
-
Microphone: Blue Yeti X
This top-of-the-line equipment ensures the highest possible audio and video quality for the course content.
What You Will Learn
This course covers an extensive range of topics, including:
General
-
Dart Programming Language – Fundamentals to expert topics
-
Understanding Flutter Mobile Development by building apps incrementally
-
Designing, building, and debugging Flutter apps
-
Building robust apps with Flutter
Styles & UI
-
Styles for UI
-
Dynamic colors and themes
-
Complex UI made simple
-
Custom widgets
-
Flutter Material Design
-
ListViews and multiple UI states
-
Flutter Row and Column
-
Flutter ListView Builder
State Management – Provider
-
Clean code and boilerplate code avoidance
-
setState, lifting state up via callbacks, global access, scoped access with Provider and ChangeNotifier
-
Navigation & Custom navigation
-
Forms, input handling, and validation
-
Managing and updating packages
Firebase
-
Databases and Cloud Firestore
-
Firebase Authentication
-
Firebase Firestore
-
Firebase Storage
-
Real-time communication with Firestore using Streams and StreamBuilder, Futures and FutureBuilder
Course Structure
-
Duration: approximately 12-13 hours of content
-
Regular updates
What to Expect After This Course
After completing this course, you will have:
-
The ability to build a fully functional shopping application with Firebase
-
Gained advanced knowledge in Flutter
-
Developed readiness to explore expert topics in Flutter
-
The ability to handle and manage freelance projects
-
Acquired the necessary skills and knowledge to take up a Flutter development position within a company confidently
Limitations and Notes
Please note the following limitations and important information for this course:
-
This course focuses on Windows configurations. IOS configurations are not covered but feel free to ask questions about it. We will be there to help.
-
This course includes 2 apps, one for the Users, and another App for the Admin, both in “Portrait mode“.
-
The Android app is designed to be responsive only in portrait mode; it does not support landscape mode.
-
Resources are attached to each lecture.
-
24/7 support will be provided depending on the nature of your questions.
-
1IntroductionVideo lesson
-
2Important Update About the Expert CourseText lesson
-
3Sale Coupons - MonthlyVideo lesson
-
4Advanced tips and tricksVideo lesson
-
5Main - Reference app demonstrationVideo lesson
-
6Whats in the expert courseVideo lesson
-
7How our Users App looks like at the end of the course?Video lesson
-
8How our Admin App looks like at the end of the course?Video lesson
-
9Social accountsVideo lesson
-
10What do you expect after this courseVideo lesson
-
11Great NewsText lesson
-
12Important Note on Course Access and FeedbackText lesson
-
13Lock the device OrientationVideo lesson
-
14AssetsText lesson
-
15Create the a new application and open it in vs codeVideo lesson
-
16Implement the light and dark theme with provider state managementVideo lesson
-
17Create the text custom widgetVideo lesson
-
18Create the bottom navigation bar with active stateVideo lesson
-
19Create the profile screenVideo lesson
-
20Create the app name animated background widgetVideo lesson
-
21Create the empty cart screenVideo lesson
-
22Create the cart screen when added productVideo lesson
-
23Create the Cart bottom sheet widgetVideo lesson
-
24Create the Cart quantity dialogueVideo lesson
-
25Implement the Cart badgeVideo lesson
-
26Start implementing the search screenVideo lesson
-
27Finish implementing the search screenVideo lesson
-
28Note about the Search ScreenVideo lesson
-
29Implement the Swiper in the Home ScreenVideo lesson
-
30Create the latest arrival widget in the Home ScreenVideo lesson
-
31Create the Categories widget in the Home ScreenVideo lesson
-
32Implement the product details screenVideo lesson
-
33Create a custom heart widgetVideo lesson
-
34Implement the Wishlist and Viewed recently screensVideo lesson
-
35Implement the Warning or Error dialogVideo lesson
-
36Implement the login screen designVideo lesson
-
37Implement the Sign in with google button widgetVideo lesson
-
38Start Implementing the Register ScreenVideo lesson
-
39Implement the Profile Image Picker WidgetVideo lesson
-
40Implement the Pick Image DialogVideo lesson
-
41Allow the user to pick up an image using Camera or GalleryVideo lesson
-
42Implement the Orders screenVideo lesson
-
43Implement the Forgot Password Screen and Test the AppVideo lesson
-
44Why do we need state managementVideo lesson
-
45Create the Product ModelVideo lesson
-
46Display the correct products on the Search ScreenVideo lesson
-
47Display the correct products using Provider State ManagementVideo lesson
-
48Display the products on the screen using a dynamic wayVideo lesson
-
49Display the correct product details in the Product Details ScreenVideo lesson
-
50Display products by CategoryVideo lesson
-
51Allow the user to search for ProductsVideo lesson
-
52Allow the user to search for Products in Categories.tscprojVideo lesson
-
53Start with the Cart State Management and allow the user to add to his CartVideo lesson
-
5411. Display the added product in the Cart and display the correct infoVideo lesson
-
55Allow the user to update Cart Item QuantityVideo lesson
-
56Finalize the Cart State Management, allow the user to delete items ENVideo lesson
-
57Displaying the latest arrival productsVideo lesson
-
58Implement the Wishlist State managementVideo lesson
-
59Finish the viewed recently product State managementVideo lesson
-
60Create a new App for the Admin PanelVideo lesson
-
61Implement the Dashboard ScreenVideo lesson
-
62Start implementing the Upload ScreenVideo lesson
-
63Implement the Upload Product Image widgetVideo lesson
-
64Make the upload product screen dynamic to allow the admin to edit his productVideo lesson
-
65Connect our Apps to the FirebaseVideo lesson
-
66Allow the user to Register and initialize the Firebase + Error handlingVideo lesson
-
67Allow the users to login and check if they are signed in or notVideo lesson
-
68Sign in With GoogleVideo lesson
-
69Loading manger - Display loading indicator when loadingVideo lesson
-
70Save User information to the Firebase FirestoreVideo lesson
-
71Display the user information from the FirestoreVideo lesson
-
72Save the user information to Firestore on Google Sign InVideo lesson
-
73Keep the BottomNavigationBar State AliveVideo lesson
-
74Allow the user to upload an imageVideo lesson
-
75Admin - Upload Product to the FirebaseVideo lesson
-
76Fetch product from the Firebase and Display it in the user applicationVideo lesson
-
77Fetch product using Stream Builder ENVideo lesson
-
78Admin - Allow the admin to edit a productVideo lesson
-
79Display the correct latest arrivalVideo lesson
-
80Allow the user to add to Cart and save it in the Firebase FirestoreVideo lesson
-
81Fetch the Cart from the FirestoreVideo lesson
-
82Clear Cart & Remove one item from FirebaseVideo lesson
-
83Connect the User Wishlist to the FirebaseVideo lesson
-
84Allow the user to place an OrderVideo lesson
-
85Fetch the Orders and display it on the screenVideo lesson
External Links May Contain Affiliate Links read more