Flutter & Firebase: build an E-commerce and Admin App [2024]

Course Curriculum

Chapter 1: Introduction

Lecture 1: Introduction

Lecture 2: Important Update About the Expert Course

Lecture 3: Sale Coupons – Monthly

Lecture 4: Advanced tips and tricks

Lecture 5: Main – Reference app demonstration

Lecture 6: Whats in the expert course

Lecture 7: How our Users App looks like at the end of the course?

Lecture 8: How our Admin App looks like at the end of the course?

Lecture 9: Social accounts

Lecture 10: What do you expect after this course

Chapter 2: Build the user app UI

Lecture 1: Great News

Lecture 2: Important Note on Course Access and Feedback

Lecture 3: Lock the device Orientation

Lecture 4: Assets

Lecture 5: Create the a new application and open it in vs code

Lecture 6: Implement the light and dark theme with provider state management

Lecture 7: Create the text custom widget

Lecture 8: Create the bottom navigation bar with active state

Lecture 9: Create the profile screen

Lecture 10: Create the app name animated background widget

Lecture 11: Create the empty cart screen

Lecture 12: Create the cart screen when added product

Lecture 13: Create the Cart bottom sheet widget

Lecture 14: Create the Cart quantity dialogue

Lecture 15: Implement the Cart badge

Lecture 16: Start implementing the search screen

Lecture 17: Finish implementing the search screen

Lecture 18: Note about the Search Screen

Lecture 19: Implement the Swiper in the Home Screen

Lecture 20: Create the latest arrival widget in the Home Screen

Lecture 21: Create the Categories widget in the Home Screen

Lecture 22: Implement the product details screen

Lecture 23: Create a custom heart widget

Lecture 24: Implement the Wishlist and Viewed recently screens

Lecture 25: Implement the Warning or Error dialog

Lecture 26: Implement the login screen design

Lecture 27: Implement the Sign in with google button widget

Lecture 28: Start Implementing the Register Screen

Lecture 29: Implement the Profile Image Picker Widget

Lecture 30: Implement the Pick Image Dialog

Lecture 31: Allow the user to pick up an image using Camera or Gallery

Lecture 32: Implement the Orders screen

Lecture 33: Implement the Forgot Password Screen and Test the App

Chapter 3: State Management Using Provider

Lecture 1: Why do we need state management

Lecture 2: Create the Product Model

Lecture 3: Display the correct products on the Search Screen

Lecture 4: Display the correct products using Provider State Management

Lecture 5: Display the products on the screen using a dynamic way

Lecture 6: Display the correct product details in the Product Details Screen

Lecture 7: Display products by Category

Lecture 8: Allow the user to search for Products

Lecture 9: Allow the user to search for Products in Categories.tscproj

Lecture 10: Start with the Cart State Management and allow the user to add to his Cart

Lecture 11: 11. Display the added product in the Cart and display the correct info

Lecture 12: Allow the user to update Cart Item Quantity

Lecture 13: Finalize the Cart State Management, allow the user to delete items EN

Lecture 14: Displaying the latest arrival products

Lecture 15: Implement the Wishlist State management

Lecture 16: Finish the viewed recently product State management

Chapter 4: Admin Panel App

Lecture 1: Create a new App for the Admin Panel

Lecture 2: Implement the Dashboard Screen

Lecture 3: Start implementing the Upload Screen

Lecture 4: Implement the Upload Product Image widget

Lecture 5: Make the upload product screen dynamic to allow the admin to edit his product

Chapter 5: Firebase + More on State Management

Lecture 1: Connect our Apps to the Firebase

Lecture 2: Allow the user to Register and initialize the Firebase + Error handling

Lecture 3: Allow the users to login and check if they are signed in or not

Lecture 4: Sign in With Google

Lecture 5: Loading manger – Display loading indicator when loading

Lecture 6: Save User information to the Firebase Firestore

Lecture 7: Display the user information from the Firestore

Lecture 8: Save the user information to Firestore on Google Sign In

Lecture 9: Keep the BottomNavigationBar State Alive

Lecture 10: Allow the user to upload an image

Lecture 11: Admin – Upload Product to the Firebase

Lecture 12: Fetch product from the Firebase and Display it in the user application

Lecture 13: Fetch product using Stream Builder EN

Lecture 14: Admin – Allow the admin to edit a product

Lecture 15: Display the correct latest arrival

Lecture 16: Allow the user to add to Cart and save it in the Firebase Firestore

Lecture 17: Fetch the Cart from the Firestore

Lecture 18: Clear Cart & Remove one item from Firebase

Lecture 19: Connect the User Wishlist to the Firebase

Lecture 20: Allow the user to place an Order

Lecture 21: Fetch the Orders and display it on the screen

Chapter 6: Extra

Lecture 1: Complete Code On GitHub

Lecture 2: Upon Finishing the course