Flutter Hive Riverpod ToDo App Tutorial for Beginners - Crud Operations Step by Step
How to create Todo App Crud operations with Flutter, Hive and Riverpod?
In this video, you will learn to create Simple task app with Flutter by using Hive Local Database with Riverpod State Management
Source code link
/ 130878381
⏳ TIMESTAMPS :
00:00 - Introduction and project overview
00:11 - Initializing Flutter project and cleaning main.dart
00:34 - Creating the Homepage widget and scaffold
01:23 - Designing the initial UI and 'Add Product' button
02:22 - Building a custom reusable Button widget
03:31 - Styling the Elevated Button (colors, borders, and padding)
05:14 - Making the Button widget dynamic with constructors
07:23 - Implementing showModalBottomSheet for input
09:47 - Creating a custom reusable TextField widget
12:01 - Making the TextField dynamic and adding controllers
17:20 - Building the ListView to display products
19:12 - Adding Edit and Delete icons to the ListTile
21:52 - Creating the Product Model class
23:50 - Adding Hive and Riverpod dependencies in pubspec.yaml
25:04 - Configuring Hive TypeAdapter for the model
26:57 - Running build_runner to generate Hive code
28:01 - Setting up StateNotifier and Providers with Riverpod
33:20 - Implementing the Add Product function
36:00 - Implementing the Update Product function
38:00 - Implementing the Delete Product function
39:01 - Wrapping the app with ProviderScope and initializing Hive in main()
41:33 - Connecting the UI to Riverpod and adding product logic
45:33 - Displaying success messages and the product list
49:40 - Implementing the Delete functionality in the UI
50:48 - Creating the Product Detail Page for editing
54:00 - Fetching and displaying specific product data for editing
01:01:20 - Implementing the Update logic on the Detail Page
01:05:10 - Final UI refinements and SafeArea implementation
01:06:00 - Outro and final thoughts
Flutter Hive ToDo App with Riverpod
#Flutter #Hive #Riverpod #TodoApp #FlutterTutorial