Перейти к содержимому

Flutter Task Management App with Riverpod | All Tasks Screen, Date Selector & Searchbar | Urdu/Hindi

Do With Flutter

0:00 / 0:00

Flutter Task Management App with Riverpod | All Tasks Screen, Date Selector & Searchbar | Urdu/Hindi

79 просмотров · 2 нед. назад
Do With Flutter
34 подписчика
79 просмотров · 2 нед. назад
[PART 3/7] In this third part of our 7-part series, we continue building our Task Management App in Flutter with Riverpod state management, modern UI, full CRUD operations and a clean, scalable architecture. In this part, we create the elevated button on the Add Task screen, then build the All Tasks screen with a scrollable date selector and a searchbar, both managed with Riverpod providers, and finish with the task card design using ListView.builder. 🚀 📺 Series: Task Management App with Riverpod (7 Parts) ▶️ Full Playlist:    • Flutter Task Management App with Riverpod ...   ⏮ Previous Part:    • Flutter Task Management App with Riverpod ...   ⏭ Next Part:    • Flutter Task Management App with Riverpod ...   📍 In Part 3 (this video): ✅ Elevated button on the Add Task screen ✅ Date provider with Riverpod ✅ Scrollable date selector ✅ Searchbar with a search provider ✅ Task card design with ListView.builder 📱 What we build in this series: ✅ Home dashboard with categories, progress bars and task status (Completed / Pending / Expired) ✅ Add, edit, delete and complete tasks (full CRUD operations) ✅ All Tasks screen with search and a date selector ✅ Category, date and time selection for every task ✅ Analytics screen with a 7-day completion chart and overall performance ✅ Modern dark UI that is clean and easy to extend 🧠 What you'll learn in this series: ✅ Riverpod state management, step by step ✅ How to structure a Flutter project with clean architecture ✅ Writing scalable, maintainable code ✅ Building modern, reusable UI components ⏱ Chapters (Part 3): 00:00 Intro 00:33 Add Task Elevated Button 03:35 Date Provider 08:30 Scrollable Date Selector 21:48 Implementing the Date Selector 24:03 Building the Searchbar 27:05 Search Provider 31:37 Implementing the Searchbar 34:08 Task Card Design 🎯 Who is this for? Beginner-friendly to intermediate level. If you know the Flutter basics and want to build real-world apps, this series is for you. 🗣 Language: Urdu / Hindi / Punjabi (easy to follow for English speakers and others through on-screen code). 🔔 Subscribe to Do With Flutter and turn on notifications. After this series, we'll make tutorials on E-commerce, Food Delivery and AI-powered apps! #Flutter #Riverpod #FlutterUrdu