Project 1 Milestone 2

For my application, 16-diem, I will be building a to-do list of 16 cells using a table view. The minimum viable product consists of these 16 rows of task inputs with the ability to swipe to complete them and tally the user's score for the day. Each time a task is completed, a meter on the left side of the screen will start filling up proportionally to the amount of tasks completed. This can be done by simply replacing the image of the meter according to how many tasks are flagged as completed.

MVP Prototype

Prototype

I decided to go with the design of a split screen between the meter and the tasks, with the tasks taking up 2/3 of the screen horizontally and the meter taking up the rest of the screen. I chose this design based on the feedback I got from my peers. I made a prototype on Figma to demonstrate inputting tasks, swiping to complete tasks, tallying the completed tasks, and filling the meter:

Figma