Add Pomodoro Timer with Focus Music

[SpreadSheets600]

@datavorous

This enhancement aims to improve the user experience of the Pomodoro app by adding a live countdown timer during the focus sessions and a mini timer when the app is in fullscreen mode. The addition of these visual cues will help users keep track of time more effectively without losing focus.

Key Features:

1. Timer Display During Focus Sessions:

   • A large, visible timer that runs throughout the Pomodoro session.
   • It should display the countdown of time remaining in both focus and break sessions, dynamically updating as time progresses.
   • The timer should be styled to match the existing app’s UI theme and be intuitive, allowing users to easily track their session progress.

2. Mini Timer for Fullscreen Mode:

   • A smaller version of the timer should be shown when the user enters fullscreen mode. This mini timer will be unobtrusive but still provide a visual reference for the remaining time.
   • The mini timer can be placed in a non-intrusive part of the screen, such as the top-right corner, and should only appear during fullscreen activities.

3. Spotify Playlist Integration (Optional):

   • This feature would enable users to either select a pre-curated focus playlist or input their own Spotify playlist to play during Pomodoro sessions.
   • A simple integration, allowing the background music to start when a focus session begins, would greatly enhance the user experience by promoting concentration.
   • This integration could be optional, allowing users to either use the playlist or work in silence, depending on their preferences.

These features aim to make the Pomodoro app more interactive, intuitive, and focused on improving the overall user experience, especially during extended focus sessions.

PS : I have worked on similar project, like it got a timer, nice and soothing backgrounds and music and I would love to incorporate those features here ( just music and timer ) ( Project Link : https://github.com/SpreadSheets600/Pomodoria )

[datavorous]

@SpreadSheets600
The mini timer is a good idea, but I'm not sure about the full screen timer, it doesn't really go with the existing codebase. The window collapses everytime a session starts, and the main objective was to help work in the browser. So, do you wish to add a separate feature to it? Like a button which would allow full screen pomodoro timer? If yes, keep it seperate from the browser functionality. I prefer the mini timer only though.

Instead of Spotify something like Google keep or trello would be a better integration I guess?

I had plans to setup a global leaderboard after the data analytics functionality would be implemented.
Data stored -> Post request to some api hosted on pythonanywhere -> logic code -> display leaderboard on the browser instance.

Which features do you think are feasible?

[SpreadSheets600]

@datavorous
That sounds like a great plan! I’ll start researching the Google Keep integration and will let you know what I find. Implementing a global leaderboard is a solid idea, and I will be adding a unique ID for each user in the database should make it simple to display. As for the mini timer, I’ll get to work on that, and we can definitely include a button to toggle full-screen mode, which will help users stay focused—similar to studying from a PDF without getting distracted. Lastly, for Spotify, I was referring to embedding a playlist without direct integration—just like I did in Pomodoria—so users can listen to music while studying, though it’s optional since some prefer working in silence.