Complete BLoC with Clean Architecture (group chat) Discount !! E-commerce App With Backend Source Code Video and Voice Chatting App Firebase Chatting App Source Code Complete Gym App BLoC State Management Source Code Complete Study App Buy Ticket Booking App Source Code Buy Travel App With Backend Source Code Complete Chat App Udemy Course Special Offer Discount !! Online Learning Course App (BLoC) Online Learning Course App (Riverpod) Online Learning Course App (Getx) Discount !! Shopping App (Provider) Cool Flutter Game Flutter Nodejs Chat App Flutter Nodejs Api And Firebase Chat App Riverpod Task Management 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. And at the end in part 2 we work with backend.
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
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
Get the complete code and assets from here (complete front end )
Get the complete code with restful api and stripe payment (complete restful api)
Restful api code features
custom login
authentication
search product
place order
Part 1 starter code to follow along
Installation guide
Opening json files in postman
Issues
# FavouritesNotifier
Some of the fans were not able to follow with FavouritesNotifier with Provider. The code was missing the tutorial. Let's take a look at the code.
import 'package:flutter/material.dart';
class FavoritesNotifier extends ChangeNotifier {
List<dynamic> _ids = [];
List<dynamic> _favorites = [];
List<dynamic> get ids => _ids;
set ids(List<dynamic> newIds) {
_ids = newIds;
notifyListeners();
}
List<dynamic> get favorites => _favorites;
set favorites(List<dynamic> newFav) {
_favorites = newFav;
notifyListeners();
}
}
# Postman API data posting
You might have this issue in part 2 for data posting. To solve this do the below
Okay, so basically you need to go to the back and open the product schema, get all the keys from the product schema and those keys determines how many key, how many values does you need in post and then you can post. You can just add the information and then make a post.