Taski Description
The first thing the user is gonna need to do for the app is to sign up in order for his email and password to be saved in the cloud. once he/she signs up, it is now possible to sign in and navigate to the todoList screen, or rather the home screen. in the home screen you can easily add a todoList by clicking on the rounded button at the bottom. for each todoList, the only essential piece of data is the title of the todoList, the rest can be entered, or can be left without inputting it. it should be known though that if you don't input the date and time, it will automatically add the time and date to which you added the todoList, and the description will have a default value of "..." if nothing was inputted. you can also choose an icon for the todoList, and also choose an icon for it as you like. it could be something meaningful, or you can simply choose any icon as you desire. once the user presses on the "Create List" button, it will instantly add a todolist widget in the home screen. by tapping on the todolist once, it will show a simple sheet with three options which are the following:
1 - View Tasks: By choosing this option, you will be navigate to the tasks screen for the specific todoList that you tapped on. it is important to mention that each todoList has a different tasks screen and tasks from the other todolists and does not share tasks with the other.
2 - Update: By navigating to the update screen, you will be able to update existent data about the current todoList. once you update the data as desired and click on "Update List" button, it will update the data as required. you can simply change anything you want here including title, description, icon, and color. and once that change has been made, it will be seen from the home screen as well. An important thing to highlight is that any data that has been updated will be saved to the cloud as that and will not change unless you make any modifications to it.
3 - Delete: The delete button in the bottom sheet will simply delete the todoList from the home screen, and will also remove it from the cloud. An essential thing to highlight is that once a todoList is deleted, it cannot be retrieved again, so be wary of that.
After pressing on the "View Tasks" button, it will be navigate the user to the tasks screen. when there are no tasks, it will not show the circular progress indicator or the text next to it. once the user taps on the add button at the top right corner of the appbar, it will navigate him/her to the screen to which tasks can be added. in the tasks screen, the task widget above will show you exactly how the the widget should look like once it is added. when the text fields and the start date and end date is not specified, it will show "New Title", "New Description", "E.D" at "E.T" respectively. once the user adds some to data to the textfields and enters the date and time, the task widget above will be able to display that to the user. the deadline should display the following format: "July 19 at 11:55 PM". below that, you have a drop down menu that will ask you whether or not you would like to reminded of this task or not through a push notification. You will only receive notifications if you select "true" option. under that, you can select the color you would like from the 12 colors that I have set out. those colors look great with the current design and background as well. once the user press on the "Create Task" button, it will add a task widget in the tasks screen and will also display the circular progress indicator as well. once a task has been added, if the user taps on the task widget, he will get the options of "Complete Task", "Update Task", "Delete Task". if you choose complete task option, then the progress indicator will be filled with a green color depending on the percentage that was completed of the tasks. the update task button will allow the user to update of the task. and the delete button will remove the task completely.
1 - View Tasks: By choosing this option, you will be navigate to the tasks screen for the specific todoList that you tapped on. it is important to mention that each todoList has a different tasks screen and tasks from the other todolists and does not share tasks with the other.
2 - Update: By navigating to the update screen, you will be able to update existent data about the current todoList. once you update the data as desired and click on "Update List" button, it will update the data as required. you can simply change anything you want here including title, description, icon, and color. and once that change has been made, it will be seen from the home screen as well. An important thing to highlight is that any data that has been updated will be saved to the cloud as that and will not change unless you make any modifications to it.
3 - Delete: The delete button in the bottom sheet will simply delete the todoList from the home screen, and will also remove it from the cloud. An essential thing to highlight is that once a todoList is deleted, it cannot be retrieved again, so be wary of that.
After pressing on the "View Tasks" button, it will be navigate the user to the tasks screen. when there are no tasks, it will not show the circular progress indicator or the text next to it. once the user taps on the add button at the top right corner of the appbar, it will navigate him/her to the screen to which tasks can be added. in the tasks screen, the task widget above will show you exactly how the the widget should look like once it is added. when the text fields and the start date and end date is not specified, it will show "New Title", "New Description", "E.D" at "E.T" respectively. once the user adds some to data to the textfields and enters the date and time, the task widget above will be able to display that to the user. the deadline should display the following format: "July 19 at 11:55 PM". below that, you have a drop down menu that will ask you whether or not you would like to reminded of this task or not through a push notification. You will only receive notifications if you select "true" option. under that, you can select the color you would like from the 12 colors that I have set out. those colors look great with the current design and background as well. once the user press on the "Create Task" button, it will add a task widget in the tasks screen and will also display the circular progress indicator as well. once a task has been added, if the user taps on the task widget, he will get the options of "Complete Task", "Update Task", "Delete Task". if you choose complete task option, then the progress indicator will be filled with a green color depending on the percentage that was completed of the tasks. the update task button will allow the user to update of the task. and the delete button will remove the task completely.
Open up