Flutter 1.2 with Firebase&Stripe Build shop app from scratch

Focused View

Hadi Kachmar

14:36:34

32 View

01 - Introduction - DONT SKIP

001 BUY THIS COURSE INSTEAD.html

002 Best price for the course.html

003 Who am I And why this course.mp4

01:48

004 Flutter 3.0&Firebase Build a grocery app with Admin Panel.mp4

01:13

005 App overview.mp4

06:27

006 NULL SAFETY MUST READ Project is done using 1.23 SDK.html

007 Deal with null safety, and talk about the requirements.mp4

03:30

008 Explain how to use null safety with examples.mp4

07:40

009 MUST READ.html

010 Things that I added according to the students requests.mp4

01:25

011 Clarify something.mp4

00:49

012 Get the most benefit of this course.mp4

00:38

013 What benefits will you get once you finish this course.mp4

01:06

014 YouTube channel.mp4

00:24

014 Youtube.txt

015 Flutter helper kit.mp4

03:59

016 Stripe added, and find the app on playstore.html

017 SOCIAL ACCOUNTS TO REACH ME.html

external-links.txt

02 - Start Coding - MUST READ THE ARTICLES

001 lock device orientation.mp4

03:17

002 MUST READ Bottom bar lecture Update.html

003 Lecture has been recycled in lecture 15 Create a notched bottom bar.mp4

06:44

003 bottombarWithNotch.rar

004 Deep explanation of the bottom Bar screen (Added after publishing).mp4

21:38

004 bottombarWithNotch.rar

005 Bottom bar with null safety.mp4

06:05

005 bottom-bar-nullSafety.rar

006 Edit deprecated title in the bottom bar.mp4

02:27

007 Custom Icons update.html

008 Usage of custom icons.mp4

06:24

008 add-custom-icons.rar

009 Build the user info and settings screen design.mp4

07:33

009 Finish-user-screen.rar

010 Code recycling and more tricks ( Added after publishing).mp4

04:55

011 Add a switch tile using 2 different ways ( Added after publishing the course ).mp4

06:33

011 user-screen.rar

012 IMPORTANT Sliver appbar lecture Update.html

013 Implement a sliver app-bar.mp4

05:18

014 Add animated FloatingActionButton.mp4

01:45

014 Finish-user-screen.rar

015 Sliver appBar writing code from the beginning with detailed explanation.mp4

05:54

016 Sliver AppBar lecture recycling (Added after publishing the course MUST WATCH).mp4

31:34

017 Sliver appbar with null safety.html

017 user-info-screen-null-safety.rar

018 Theme lecture update.html

019 Add a DarkLight theme to the app.mp4

07:33

020 Save theme state using shared prefs.mp4

06:16

020 darkthemeCode.rar

021 CartEmptyAll-lib-folder.rar

021 EmptyCart.rar

021 Implement the user empty cart screen design.mp4

13:15

022 CartFull.rar

022 Implement the user Full cart screen design.mp4

20:33

023 Build the App Bar and checkout section in the cart screen.mp4

11:26

024 CartDone.rar

024 More design improvements in the cart screen.mp4

03:50

025 Start implementing the products feeds screen. (Create the feeds shape design).mp4

10:06

025 feeds-products.zip

026 Implement a GridView in the Feeds screen.mp4

02:17

027 Implement a staggered Grid View in Feeds screen instead of a normal Grid View.mp4

02:31

028 More design improvements in the User info screen.mp4

01:11

029 More changes in the user info screen.mp4

00:56

030 Add the a badge for the products design in the Feeds screen.mp4

02:33

030 badge-added.rar

031 Align the badge using the positioned widget.mp4

01:31

032 Add a backdrop layout in the home screen.mp4

06:05

033 Carousel and Swipper update.html

034 Add a Carousel widget in the Home screen.mp4

06:16

034 carousel-pro.rar

035 Add a Swiper widget in the Home screen.mp4

07:32

035 swipper.rar

036 Create the Category widget design.mp4

11:59

037 Create the popular items widget design in the Home screen.mp4

13:52

038 Introduce the navigation rail widget to Create the brand Inner screen using.mp4

10:40

038 Navigation-rail.rar

039 Create the backdrop back-layer design.mp4

10:13

039 backlayer.zip

040 Implement the user empty Wishlist screen design.mp4

08:07

041 Implement the user Full Wishlist screen design.mp4

04:28

041 wishlist.rar

042 Full code until now.html

042 Full-Code-Until-now.rar

043 Implement the Product details screen UI.mp4

12:31

044 Create the Product model class.mp4

02:41

045 Use dynamic data to show different products in the Feeds screen.mp4

07:23

045 assets.rar

045 product-list.txt

045 product-model.zip

external-links.txt

03 - State management

001 Why do we need state management.mp4

00:50

002 Create the products provider class.mp4

06:28

003 Code improvement instead of dependency injection.mp4

03:52

003 lib.rar

004 Display products according to their categories in the home screen category widgt.mp4

06:14

005 NULL SAFETY ERROR.html

006 Finalize the categories state management.mp4

07:20

006 lib.rar

007 Display products according to their Brand in the home screen Brands widget.mp4

12:56

008 Display only popular products in the Home screen.mp4

10:11

009 Finishing up the products details screen.mp4

11:04

009 lib.rar

010 Handling view all brands in the Home screen.mp4

02:10

010 lib.rar

011 Handle view all popular products in the Home screen.mp4

03:11

04 - Cart state management

001 Create a cart model class.mp4

01:39

002 Implement the cart provider class.mp4

05:14

003 Create add to cart method where users will be able to add products to their cart.mp4

04:23

004 Using the dependency injection for the cart (passing data through constructor).mp4

10:26

005 Show if the product is found in cart and disable add to cart button if found.mp4

02:01

006 Use the cart model provider instead of dependency injection.mp4

05:21

007 Allow the user to add to their cart from the popular products widget.mp4

03:21

008 Allow user to change the products quantity in the cart.mp4

06:18

008 lib.rar

009 Allow the user to delete one product from his cart and clear it.mp4

10:58

010 Show total price in the cart screen.mp4

02:53

011 Create a dynamic alert dialog method.mp4

04:09

011 lib.rar

05 - Wishlist state management

001 Wishlist state management.mp4

16:48

001 lib.rar

002 Edit the icon color in the popular products widget.mp4

01:20

06 - More UI and improvements

001 Add a badge for the Wishlist and the Cart.mp4

05:32

002 Add an appBar for the Feeds screen.mp4

01:44

003 Make the products dialogs in the feeds screen.mp4

05:01

003 lib.rar

004 Show the product details in the Feeds dialog instead of dummy data.mp4

06:15

004 lib.rar

005 Implement the search screen UI and Logic.mp4

15:26

005 lib.rar

006 Create a Landing page part 1.mp4

17:49

006 lib.rar

007 Create the Landing page part 2.mp4

13:54

007 lib.rar

008 Implement the Login screen.mp4

14:43

008 lib.rar

009 Add the submit form method to save the form.mp4

05:30

009 lib.rar

010 Implement the Signup screen.mp4

08:02

010 lib.rar

011 Implement the top widget in the sign up screen (Profile preview widget).mp4

12:34

012 Allow the user to pick up an image.mp4

05:56

012 singup.rar

013 Allow the user to navigate From the landing page to the main screen in the app.mp4

03:41

013 singup.rar

014 Implement the Upload a new product screen.mp4

06:50

014 upload-product-form.zip

015 Allow the user to swipe to the left to navigate Into the upload a product screen.mp4

01:39

015 main-screen.zip

07 - Firebase

001 Connect our app to Firebase.mp4

06:14

002 Allow the users to register using Email and Password part (1).mp4

03:36

003 Allow the users to register using Email and Password part (2).mp4

07:02

003 Firebase-start.rar

004 Error Handling.mp4

06:17

005 Allow the users to login.mp4

02:35

005 Firebase-start.rar

006 Firebase-start.rar

006 Show different screens depending on the users if logged in or not.mp4

06:34

007 Firebase-start.rar

007 Implement the sign out method.mp4

05:11

008 Google Sign In.mp4

07:35

009 Google Sign In error handling.mp4

02:32

009 googleSignIn.rar

010 What is Firebase Firestore and how does it works.mp4

04:08

011 Firebase-cover-Firestore-Storage.rar

011 Upload extra user data to the Firebase Firestore.mp4

13:51

012 Upload image to Firebase Storage, And add its link to the Firestore.mp4

14:29

013 Fetch user info from the Firestore.mp4

06:40

014 Display the information on the screen and handle errors.mp4

04:16

014 Firebase-cover-Firestore-Storage.rar

015 Get the display name and the photo URL from the user instead of the Firestore.mp4

04:02

016 Allow the users to sign in anonymously.mp4

06:03

017 Firebase-cover-Firestore-Storage.rar

017 Save user info to the Firestore on google sign in.mp4

02:14

018 Upload products to the Firestore.mp4

15:53

018 upload-product.rar

019 Fetch products from the Firestore and display it.mp4

15:40

019 Fetch-products.rar

020 Implement Forget password screen to allow the user to reset his password.mp4

18:58

021 Fix an error that is being made by the suggested products (Range index Error).mp4

02:09

08 - Stripe payment gateway

001 Stripe deprecated use this tutorial instead!.html

002 Get start with stripe payment gateway.mp4

07:29

003 Stripe integration.mp4

46:19

003 Stripe-integration.rar

external-links.txt

09 - Orders implementation

001 Implement the orders design.mp4

10:18

001 orders-design.rar

002 Create orders model class.mp4

03:55

002 orders-attr.zip

003 Upload the user orders to the Firestore.mp4

11:58

004 Fix an error while placing an order.mp4

03:58

005 Create the orders provider.mp4

05:58

005 orders-provider.zip

006 Fetching the orders and display it on the screen using FutureBuilder.mp4

06:27

007 Fetch only correspondent orders for each user.mp4

05:35

008 Show different screen depending if there is any order in the Firestore.mp4

03:59

008 lib-Before-deleting.rar

009 Allow the users to delete from their orders.mp4

07:32

009 Finilizing-orders.rar

010 Finilizing-orders.rar

010 Place an order only if the transaction is successful.mp4

04:57

10 - Fixes

001 Handle empty products in the brands and the category.mp4

04:45

002 Fix the dark theme state.mp4

03:01

003 Add a refresh indicator in the feeds screen.mp4

05:50

003 Refresh-indicator.rar

003 Refresh-indicator.zip

11 - Bonus contents

001 Bonus contents.html

Description

[INTERMEDIATE] Flutter full shop app with Firebase to cover Flutter and Firebase concepts&Stripe payment integration

What You'll Learn?

This Flutter course a complete guide that helps in learning and building a fully functioning Flutter application with Firebase.
Teaching how to write Clean-code and avoid Boilerplate code
This course you how to make new designs and styles for your app
Clear state management in a very detailed manner
Introduce new widgets and how to use them correctly
Write production-ready code following best practices and become a competent Flutter developer

Who is this for?

Flutter and Dart learning cravers

Flutter beginners

To all people who are interest in Flutter

For people who want to make a complete app in Flutter

What You Need to Know?

Basic knowledge in Flutter and Dart

More details

Description
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 gateway
Learn how to make an online shopping application simply
What's in the course:
Complex UI has done simply
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
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 topics
How to understand Flutter Mobile Development by building apps incrementally.
How to design, build, and debug Flutter Android 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
Stripe payment gateway
Course structure:
approximately 15 hours of content and updated regularlyÂ
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 a Firebase
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.

Important note: This course is structured around the SDK version 1.23 of Flutter. Should you already possess a sound understanding of Flutter, I encourage you to enroll, as the course comprehensively addresses a wide array of content and showcases various UI implementations.
For those interested in the most recent advancements in Flutter, I have curated courses based on the latest Flutter version. These courses present similar concepts, albeit with updated code structures and varied UI design perspectives. It is advisable to peruse these updated courses prior to embarking on this particular module.
Who this course is for:
Flutter and Dart learning cravers
Flutter beginners
To all people who are interest in Flutter
For people who want to make a complete app in Flutter

User Reviews

Rating

average 0

Total votes0

Focused display

My name is Hadi, a Master's degree graduate in computer and communication engineering. I worked as a native mobile developer, then I learned 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

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.