Загрузка...

Create Complete ToDo App with Flutter Firebase and Provider Step by Step Tutorial Task App, CRUD

Complete ToDo App with Flutter Firebase and Provider Step by Step Tutorial for Crud Operations Flutter Firebase and Provider State Management

In this video, you will learn to create Todo app with add update display delete toggle firebase data with flutter and provider state management

Source code download link;
https://www.patreon.com/posts/task-app-flutter-132979963

Tutorial video Link to add firebase project to flutter app
https://youtu.be/TC7jY_cZ8bw?si=eM_OxK7VZTo0UFha

⏳ TIMESTAMPS :
00:00 - Intro and Project Setup
00:12 - Android NDK Configuration
00:58 - Firebase Project Creation & Console Setup
01:56 - Adding Flutter App to Firebase
02:41 - Firebase CLI Configuration (flutterfire configure)
03:52 - Adding Firebase Core Package
04:25 - Initializing Firebase in main.dart
05:35 - Setting up Cloud Firestore Database
07:16 - Creating the Main UI (HomePage)
08:44 - Creating the Note Model Class
12:54 - Creating the Database Service (db_service.dart)
15:33 - Adding Cloud Firestore Package
16:37 - Implementing "Add Note" Service Function
19:04 - Implementing "Fetch Notes" (Stream) Function
22:50 - Implementing "Update Note" Service Function
23:42 - Implementing "Delete Note" Service Function
24:14 - Setting up the Note Provider Class
24:44 - Adding the Provider Package
25:20 - Connecting Provider to Database Services
29:34 - Wrapping the App with ChangeNotifierProvider
30:39 - Building "Add Note" UI with showModalBottomSheet
32:20 - Setting up Text Editing Controllers
38:50 - Implementing Add Note Logic and Success SnackBar
40:51 - Clearing Controllers and disposing resources
43:37 - Displaying Task List using ListView.builder
47:50 - Adding Checkbox for Task Completion status
49:50 - Implementing Task Completion Update Logic
51:50 - Adding Delete Action & Confirmation Dialog
56:45 - Finalizing Delete Note functionality
58:20 - UI Styling: Text Decoration (Line-through) for completed tasks
01:00:52 - Creating the Edit Page UI
01:03:38 - Implementing Update/Edit Logic in UI
01:11:19 - Outro and Final Results

#flutter #fluttertutorial #fluttertutorialforbeginners #fluttertodoapp
#fluttercrud #flutterfirebase

Видео Create Complete ToDo App with Flutter Firebase and Provider Step by Step Tutorial Task App, CRUD канала Flutter Materials
Яндекс.Метрика
Все заметки Новая заметка Страницу в заметки
Страницу в закладки Мои закладки
На информационно-развлекательном портале SALDA.WS применяются cookie-файлы. Нажимая кнопку Принять, вы подтверждаете свое согласие на их использование.
О CookiesНапомнить позжеПринять