MENU

Fun & Interesting

Flutter App with CLEAN ARCHITECTURE & PROVIDER | Full Step-by-Step Guide | Master State Management

DevVibe 942 6 months ago
Video Not Working? Fix It Now

Flutter App with CLEAN ARCHITECTURE & PROVIDER | Full Step-by-Step Guide | Master State Management In this video, I’ll show you how to build a simple Todo app in Flutter using Clean Architecture and Provider for state management. We'll go step-by-step through the entire process: from setting up the project, implementing Dependency Injection with GetIt, creating repositories, data sources, and use cases, to building the UI with Provider. This tutorial covers: Setting up Clean Architecture in Flutter Using Provider for state management Implementing Dependency Injection with GetIt Building a Todo app with a list of tasks Creating a detailed task view with data fetching Tips for organizing your Flutter projects using Clean Architecture principles Whether you’re new to state management in Flutter or looking to structure your app with a scalable architecture, this video has you covered! Chapters: 0:00 Introduction 1:40 Importing 2:00 Main Providers 5:30 Access Provider in App 6:10 Setting up Clean Architecture 6:35 Either model 8:18 Failure model 8:44 Task feature 9:29 Entity (Domain Layer) 10:28 Repository (Domain Layer) 12:08 UseCases (Domain Layer) 15:28 Model (Data Layer) 18:56 DataSource (Data Layer) 19:26 Importing SQFlite and Path 19:47 App database, SQFlite (Core) 21:55 DataSource (Data Layer) 25:14 Repository Impl (Data Layer) 28:07 Presentation Layer 28:15 Tasks Provider (Presentation Layer) 31:42 Single Task Provider (Presentation Layer) 34:05 Screens (Presentation Layer) 34:32 Dependency Injection (Core) 38:50 Home Page (Presentation Layer) 41:20 Task Widget (Presentation Layer) 43:50 Home Page (Presentation Layer) 44:15 Create Task Dialog (Presentation Layer) 46:25 Single Task Page (Presentation Layer) 18:45 Using Provider for State Management 26:10 Building the UI 35:00 Adding Dependency Injection with GetIt 42:00 Testing the App 45:30 Conclusion & Homework 49:40 Providers Creation 51:40 main.dart 52:04 App Testing (Error) 52:20 Error fixing 52:26 App Testing 52:58 Conclusion & Homework 💬 If you have any questions, drop them in the comments, and I’ll do my best to help you out! 🔔 Don’t forget to like, subscribe, and hit the notification bell to stay updated on more Flutter tutorials!

Comment