Todo lists are the work that you have to do or you want to do. And, the to-do list app is the place where you can keep your to-do lists. You can find this type of application on any type of mobile device.
Have a look at the given image of our project todo list application, as you can see on the image there is an input field to write your todo, and bottom of the input field there are some todo lists that you have kept. The upper two are in the checked condition which means that two words have been done that’s why its text has a line through. The last one is undone that’s why it is unchecked and has not to line through.
At the bottom of the lists, you can see the text which indicates to us that one task has to be done. On the right side of that that there is a clear all button, by clicking it we can clear all the tasks at once. I have also added a clear button form so that we can delete our to-do list partially.
As you have seen in the video tutorial To-Do List Application. At first, there was an input field with a grey border and a grey icon, bottom of it there was an indicator text which shows we have no task to do and delete all button to delete which was in disabled status. When I focus input field its border color and icon color change into blues.
When I entered my to-do task and pressed enter that task appeared between the input field and indicator text, After that the indicator showed that we have one task to do. And, at the task list, we had the option of checking and unchecking, a task’s delete button, and that disabled delete button was also activated.
I showed you that we can delete an individual task by clicking or all task by clicking on the clear all button. When I checked and unchecked the individual task then our total todo task also changed. When I started lots of to-do tasks on that to-do list application, after a limited height, we saw a scroll bar, from where we could see our other tasks.
You Could Like This:
Create Todo List App [Source Code]