Flutter CRUD Operations Task Management App With Backend | Tutorial | Restful Api

Here we will see how to build a task management app using flutter both for iOS and Android with a complete backend. It also has complete crud operations like get data, post data, view data, edit data and delete data. So this is your crud api app for task management with backend.

Buy me a coffee

For the starter code and complete code check below

Restful Api Code

Nodejs version Api for CRUD Operations find here

Part one

Twitter me
@dbestech

Buy me a coffee if you think I am creating value( come on !)

See how to install GoLang here

More apps here

Shopping app

Travel app

Firebase app

Payment app

Quiz app with firebase(source code)

Beginners app(video player app)

Flutter Website building

Quiz app with firebase(source code)
Timeline
00:15 Creating a task and connecting with the backend
03:56 Demonstrating how to create and use a service for API calls
12:38 Designing and implementing UI components with different styles and functionality.
17:38 Implementing validation and creating a task in the backend
25:12 Creating and saving tasks using Flutter CRUD operations.
29:34 Data post successful but not visible, issue with field name and validation
37:58 Creating and saving time for tasks in Golang
41:30 Creating and viewing tasks using Flutter and Laravel backend
48:43 Updating URI in Flutter data controller and service
52:46 Troubleshooting errors in CRUD operations
1:02:43 Printing tapped item ID
1:06:56 Debugging and fixing transparent container issue
1:14:15 Implementing CRUD operations in Flutter for task management app
1:18:28 Setting up read-only functionality for task view
1:26:17 Updating data in Flutter using controllers.
1:30:21 Update the existing task by sending the id and new information to the backend
1:38:04 Updating task and handling errors
1:42:01 Demonstrating updating task details
1:51:10 Explanation of implementing delete method and minor code changes
1:55:17 Setting up routing system for Flutter CRUD operations
2:02:46 Implementing transition animation in the app routes
2:07:07 Implementing 'add task' functionality with Flutter and backend
2:16:31 Passing an id from a router using Flutter
2:21:01 Setting up routes for view and edit tasks
2:31:06 Implementing animation and handling data refresh in Flutter app.
2:34:39 Using await for network requests and data handling

[surbhipaliwal]

00:15 Creating a task and connecting with the backend
03:56 Demonstrating how to create and use a service for API calls
12:38 Designing and implementing UI components with different styles and functionality.
17:38 Implementing validation and creating a task in the backend
25:12 Creating and saving tasks using Flutter CRUD operations.
29:34 Data post successful but not visible, issue with field name and validation
37:58 Creating and saving time for tasks in Golang
41:30 Creating and viewing tasks using Flutter and Laravel backend
48:43 Updating URI in Flutter data controller and service
52:46 Troubleshooting errors in CRUD operations
1:02:43 Printing tapped item ID
1:06:56 Debugging and fixing transparent container issue
1:14:15 Implementing CRUD operations in Flutter for task management app
1:18:28 Setting up read-only functionality for task view
1:26:17 Updating data in Flutter using controllers.
1:30:21 Update the existing task by sending the id and new information to the backend
1:38:04 Updating task and handling errors
1:42:01 Demonstrating updating task details
1:51:10 Explanation of implementing delete method and minor code changes
1:55:17 Setting up routing system for Flutter CRUD operations
2:02:46 Implementing transition animation in the app routes
2:07:07 Implementing 'add task' functionality with Flutter and backend
2:16:31 Passing an id from a router using Flutter
2:21:01 Setting up routes for view and edit tasks
2:31:06 Implementing animation and handling data refresh in Flutter app.
2:34:39 Using await for network requests and data handling
Crafted by Merlin AI.

[غغلغووتونل]

Hello,
were the additions, deletions and modifications done through the databases in this project?

[wasibhussain]

Man You Deserve Billions of Likes <3 Love your way of teaching .

[pintsizedpals]

Where is the first part? I didn't find it in the decription

[okeyshourovroy]

Next one on graphql with jwt auth and refresh token please with securing screens ❤️❤️❤️

[rohantiwari]

Hi Bro,
I hope you are doing good,
Thanks for the wonderful tutorials you have made till now

I think in this tutorial for some parts the recording is missing,
For example, you are getting the data _loadData(); with this method, but how you have connected with the UI you haven't shown that
Time 36:39
Can you please check?

Thanks in advance...

[leoneldeveloper]

Hi, can you make a django backend with flutter ?

[sb-gpwh]

Hi mate good stuff. I have been following this tutorial from the part 1. Getting stuck at @30:31. Did not get that empty widget. Also I noticed for all_tasks.dart, the code from this point on has ListView wrapped into GetBuilder which perhaps I missed or has not been discussed in the video. For text: controller.myData[index]["task_name"], getting this error "RangeError (index): Invalid value: Valid value range is empty:0). Would appreciate any thoughts on this. Thanks for the video.

[kingsleyokonkwo]

Please how do I set up the flutter environment in my laptop

[jmpop]

please can i get the code part of All_tasks.dart. I cant load the datas

[nicholaspratama]

Hello sir, can you make some tutorial about pagination with infinite load more scroll if we have thousands of task ?

[SoumaRabhi-fb]

Thank you, can you send it URL github or code source ?

[kritbovorntaweeyossak]

Time line: 37:31
I cannot load data to Alltasks() when create new Task ; so I use initState() and setState() : _loadData() : it works

or. I missed somethings, sir

use: class AllTasks extends StatefullWidget {}

@override
void initState() {
super.initState();

setState(() {
_loadData();
});
}

[praisefortune]

Please can you provide ur github account

[jirenthegrey]

Hi bro,
When trying to create a new task, the status code is null. @30:05
Can you plz help me with this?
Thanks in advance.

[stevenstarisrael]

Hi, thank you for the amazing tutorials.

I have a question. After I fetch the data and show it in the text field, once I go back and click on other item, the same data is still showing up in the text field and after a second the new data is being shown. How can I avoid this and show the new data.

[sarelfirgany]

Can you upload the backend to your server and give us the endpoints, so we can work with them

[lomipac]

Hello Sir dbestech, I can't get the data from Flutter, It shows “we did not get any data”, what should I do?

[ahmedbathily]

Which backend is used in this tutorial?

[djspoiltkid]

Please do you have this flutter/dart crud with MySQL using riverpod ?