Flutter E-commerce App Tutorial Part 1 | Shop App Course | Provider State Management

Video Description

Learn how to build a Flutter online shop app using provider state management. This could be used a e-commerce app. This is a Flutter Shopping app with Provider and Hive local storage for android and iOS. We will build a beautiful online store app for iOS and Android. It covers beautiful animation and scrolling. This is a flutter shopping cart with Provider with interactive ui design. This tutorial covers awesome animation ui design with local storage. By the end of this tutorial you will master, how to use provider and hive. Provider would be for state management and Hive would be local storage. Navigation For routing we have used flutter native navigation. We have extensively used the following Navigator.of() Navigator.push() Provider Providers Since this is a online shopping store app, we will use ChangeNotifierProvider with three classes to maintain our app state. These three classes would be wrapped in MultiProvider. So you will master how to add, remove and save data using ChangeNotifierProvider. Since we have many providers, we used MultiProviders to inject them at the root of our widget tree. Hive Since this tutorial focuses on local storage using Hive, we have used Hive for the following features add items cart remove items from cart favourite items add in cart remove favorite items from cart Get the complete code and assets from here https://www.dbestech.com/tutorials/flutter-online-shopping-store-with-cart-provider-state-management Shop app with laravel backend https://youtu.be/7dAt-JMSCVQ Timestamps 00:21:04 Introduction of the online shopping app 02:30:21 Creating TextStyle Objects 04:06:09 Creating the bottom navigation bar 00:13:29 Set up pages list for the bottom navigation bar 00:19:04 Create provider for the Bottom Navigation Bar 00:21:25 Uses the Flutter package provider to create a widget tree with multiple ChangeNotifierProviders. 00:22:32 Creating consumer widget for our provider 00:28:43 Introducing the home page 00:29:14 Creating the home page 00:35:39 Creating TabBar widget , TabBarView widget and set up tab controller 00:47:01:18 ListViewBuilder 01:10:45 Creating Product Models with quicktype 01:13:26 Creating a helper class in the services folder to retrieve data from our JSON files 01:20:51 Retrieving data from the Helper Class 01:23:11 Using data retrieved from models in a FutureBuilder 01:32:38 Creating products by Category Page 01:43:16 StaggeredGridView 01:48:09 Using showModalBottomSheet widget to create product filter 02:04:44 Passing State of the tabController from home page to product by cat page 02:06:52 Creating Product Page 02:07:41 Product Page CustomScrollView, Slivers and SliverAppBar 02:11:10 Setting up multiple images in a PageView Builder 02:16:17 Create product provider 02:20:15 Retrieving single product data from the JSON file 02:30:04 Using ChoiceChip Widget to select shoe sizes and setting up toggleCheck method 02:50:24 Creating Cart Page 02:54:04 Working with slidables widget from the flutter slidable package 02:57:21 Creating and Storing cart data in Hive Storage 03:05:04 Introducing Favorite Page 03:06:39 Creating Favorites Page and Hive create, get, delete methods 03:22:51 Creating the Cart Widget 03:31:57 Create Favorites Provider and Migrating the Favorites Methods to Favorites Provider 03:44:44 Migrating Cart methods to Cart Provider 03:50:20 Migrating product related methods to Product Provider and retrieve data via providers with the help of the Helper class. 03:55:40 Adjusting our UI for better responsiveness across different devices with the help of Screenutils package Twitter/Facebook/Instagram @dbestech What'sApp for commercial work @dbestech 📕📕📕📕📕📕 (12+ hours) https://www.udemy.com/course/flutter-and-nodejs-mongodb-course-with-chatting/?couponCode=BBD234F690D07D52A6E8