Welcome to this step-by-step tutorial where I guide you through the creation of a full-featured e-commerce application using Flutter! In this project, you'll learn how to implement admin and client applications with full control over products, categories, promos, and coupons. We also integrate Firebase for authentication, Firestore for real-time updates, and Stripe for secure payment processing. Whether you're a beginner or an experienced Flutter developer, this project will take your skills to the next level!
💡 What You'll Learn:
- Firebase Authentication & Firestore Integration
- Implementing Sign-up, Login, and Password Reset
- Real-time Database with Cloud Firestore
- CRUD Operations for Categories, Products, Promos, and Coupons
- Image Uploads to Firebase Storage
- Stripe Payment Gateway Setup
- Building Dynamic UI for Admin and Client Apps
- Creating and Managing Shopping Cart and Orders
- Handling Discounts, Coupons, and Promo Codes
- Secure Checkout Flow and Order Receipts
- Optimizing State Management with Providers
- Managing Streams in Flutter for Real-Time Updates
⌚ Chapters:
00:01:24 Create admin app
00:04:12 Admin home UI
00:10:59 link firebase with app
00:14:45 Implementing firebase auth
00:15:03 signup with email firebase auth
00:15:38 login with email firebase auth
00:16:14 logout on firebase auth
00:16:32 reset password on firebase auth
00:16:57 user logged in or not
00:17:39 Login page UI
00:21:18 Signup page ui
00:22:31 Linking auth functions with UI
00:27:01 Check User Logged in UI
00:28:00 forget password ui
00:32:23 cloud firestore setup
00:34:20 CRUD functions for categories collections
00:34:31 Read categories
00:35:24 Create new category
00:36:01 update the category
00:36:33 delete the category
00:37:15 Provider setup
00:44:10 categories page UI for admin app
00:50:25 firebase storage setup
00:51:12 functions for upload image to firebase storage
01:06:22 CRUD function for products collection
01:06:37 read products
01:06:56 create new products
01:07:11 update products
01:08:01 create product model
01:10:05 products UI for admin
01:30:57 View Products for user UI
01:33:59 function to calculate discount
01:38:31 delete product UI
01:41:37 CRUD functions for promos collection
01:42:37 read promos
01:43:18 create new promos
01:43:42 update promos
01:44:09 delete promos
01:44:38 create promo model
02:03:53 CRUD functions for coupons collection
02:04:04 read coupons
02:04:28 create new coupons
02:04:51 update coupon
02:05:17 delete coupon
02:05:43 create coupon model
02:17:57 Creating Client Shopping App
02:21:00 firebase setup for
02:22:52 setup for stripe payment
02:29:10 Modify signup page for client
02:30:56 saving user data to users collection
02:31:34 updating the current user data
02:32:02 read the data of current user
02:34:35 Bottom Navbar for navigation
02:38:04 profile page UI for client
02:43:23 create user model
02:44:49 create user provider
02:47:56 update profile ui for client app
02:53:17 read promos collection on client app
02:53:35 read banners collection on client app
03:01:45 read coupons collection on client app
03:06:02 display all categories on client app
03:13:38 discount coupons page on client app
03:17:11 Page to view products for specific category
03:31:11 view banner and products on client app
03:47:27 read cart collection for current user
03:49:19 create cart model
03:50:38 add items to the cart
03:53:01 delete items from the cart
03:53:33 empty current user cart
03:54:15 decrease quantity from cart
03:57:30 create a cart provider
04:03:17 cart page UI for client app
04:07:53 add product to the cart
04:17:46 checkout UI on client app
04:22:17 Verify the discount coupon function
04:26:19 checkout with stripe
04:26:47 Add .env to assets
04:27:34 create payment intent
04:34:24 Create order model
04:38:03 create new order
04:38:31 update order on client app
04:39:35 Read orders done by current user
04:45:28 orders page for client
04:59:52 empty users cart
05:01:13 add badge in cart icon
05:16:53 Show all orders done by users to the admin
05:26:19 fix dashboard for admin app
05:34:09 close all stream builders in admin app
05:36:12 close all stream builders in client app
05:37:52 process for buy now
05:39:10 send order receipt using mailer
05:48:38 some more fixes
By the end of this tutorial, you will have a fully functioning e-commerce application that you can customize and deploy for your own projects. Make sure to subscribe for more in-depth tutorials and don't forget to like and share this video!
👩💻 Source Code :
[ Ссылка ]
You can use this source code if you get stuck.
🎓Join our discord community:
[ Ссылка ]
Hashtags:
#Flutter #EcommerceApp #Firebase #Stripe #FlutterTutorial #AppDevelopment #MobileApp #Programming #Firestore #AdminDashboard
Ещё видео!