To Do List - UOA-SE701-Group3-2021/3Lancers GitHub Wiki
To-Do List
This consists of two widgets. The journal view widget is used by the user to manage their tasks to do on a given day, and the full-screen view widget gives an overview of all of the tasks the user has entered across the journal.
Icon
This is used in the journal view to drag the to-do list widget onto the page from the widget drawer.
Lo-Fi Design
Hi-Fi Design
Note that design specifications are on Figma: https://www.figma.com/file/ctNHcxhswiv8lh3DprKa0q/Journal-View-(Copy)?node-id=101%3A148
Regular widget: images/hifi_todo_widget.png
Widget on hover: images/hifi_todo_widget_hover.png
Widget on click and drag: images/hifi_todo_widget_click.png
Journal View
This is the To-Do List widget shown after the user drags the icon onto a page of the journal.
Lo-Fi Design
Hi-Fi Design
Note that design specifications are on Figma: https://www.figma.com/file/ctNHcxhswiv8lh3DprKa0q/Journal-View-(Copy)?node-id=101%3A148 This design has shifted slightly since the original design was made, as requirements surfaced during implementation.
The initial hi-fi design:
The updated hi-fi design:
Modal that pops up when '+' is clicked on the To-Do component: images/new_todo_modal.png
Modal that pops up when the three dots is clicked and migrate is selected on the To-Do component: images/todo_migrate_modal.png
Fullscreen View
This is the To-Do List widget shown on the full-screen dashboard.
Lo-Fi Design
images/lofi_todo_fullscreen.png
Hi-Fi Design
This design is exactly the same as the journal view, however with an added 'date added' text on each to do list item, to indicate what day the task was added to the list. Note that design specifications are on Figma: https://www.figma.com/file/ctNHcxhswiv8lh3DprKa0q/Journal-View-(Copy)?node-id=101%3A148 This design has shifted slightly since the original design was made, as requirements surfaced during implementation.
The initial hi-fi design:
images/hifi_todo_fullscreen.png
The updated hi-fi design:
