19lmyers/cse110-w21-group14

Implement Pomos Tracking in UI

garylli opened this issue · 1 comments

Description:

Since we are automating the pomodoro cycle, we need to be able to automatically add in long breaks after every 4 pomos

This means we want to implement a visual cue for users to track pomos completed.

Checklist:

The implementation should:

  • Easily seen and easily understandable
    • Is there a logical way to add a counter without explicitly labeling it "Pomos done"?
  • Be portable to smaller screens
    • If adding the counter to the side, need to figure out a way to have it move correctly when resizing the window.
  • Not complicate design too much
    • Keep it simple.

Update 2/15/2020

Implementation Version 1
In order to not clutter the UI and maintain cross-device portability, I changed the progress bar a little and moved the labels below the bar in order to place the counter where "Your Pomodoro" was before.

closes #35