Design
New page: FocusGoals, where the list of "starred" tasks appear in a separate page.
Notice the new bottom left icon. When clicked, it redirects the user to the previous Pods page.
The user can be directed to the FocusGoals page by clicking the bottom left icon on their Pods page.
Feature: 1. the user can 'unstar' the task, and the task disappears from the page; 2. the user can check off the task, and the task is flagge to be 'Completed' + checkbox checked; Colors ang sizes may change.
Colors ang sizes may change.
The numbers will change as we progress, so no need to be super accurate with the sizes.
Yet, more importantly, we want to have responsive sizes and spacing. The current frame is iPhone11 (375x812). The design will NOT look attractive if we use the same size values(currently set for iPhone11) and launch the app on smaller devices such as iPhone SE, Android, or iPad. Therefore, we eventually want some of the objects to shrink sizes and space out in response to the device size.
Font used: Roboto (https://fonts.google.com/specimen/Roboto)
On the left are the colors provided by MTW. On the right are the colors that I am actually using in the designs (colors may change).
Colors may change.
