Workshop5

Building a Pomodoro App:

Brainstorming:

• Feature 1: show timer (should count down by 1 second)
• Feature 2: show end time in small font below the timer
• Feature 3: timer should be adjustable (by minutes)
• Feature 4: At the end of the timer, a small notification should alert user
• Feature 5: Set time button, reset button, start and stop button
• Feature 6: set the notification sound?
• Feature 7: some type of animation as time progresses?
• Feature 8: Automatic switch to break after session ends (skip break button available)
• Feature 9: Goal bar of studying minutes per day? Resets at midnight?
• Feature 10: if additional time, add a music feature or notes feature/todo list

Steps to Build:

create a react app

• in app.jsx, use useState to set the time of the timer
• use useeffect to run the timer
• Build each element in the html section
• Create a manifest json to create an extension out of this
• add aesthetic features