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