Info

• This project is a work in progress
• The code is not production ready

TODO

• Fix why chimes don't work in production
• Audio files should be removed from the public folder
• Add a way to tick a task when done
• Add a way to hide ticked tasks
• Add a way to organise tasks better with folderish structure
• Use duration instead of end time for the breaks
• Add a second pause option to a real pomodoro pattern
• Add a toggle from 12/24 hours format
• Add custom colors for each task that map to session in the timeline
• Add a coding guy when it's time to work and a happy guy when it's time to rest

Sound:

• Add sound when dropping a task into timeline

Design:

• Decide on the color palette (both light and dark modes)
• Imagine global design of the page (think mobile first)
• Animate when changing the duration only
• Create tooltip for day/agenda view and settings
• Try changing the color when the session has a task associated
• Ensure that it's visible which current sessions we are in from the summary

To go further:

• Add a way to save your settings
• Add a way to add recurring tasks that will be setup by default over the week (make it easy to create like a the standard calendar for your week, and everyday it will show tasks as according to the template)
• Include a easy drag and drop way to organise task on the template calendar
• Add a way to save your schedule
• create a summary of the day page (that persist)

Done:

• Create preset values for the settings that are linked from the description page
• Consider tranforming the pomodoro timer into a progress bar that is sticky on top of the screenn or bottom of the screen
• Add an effect to the current session on the event timeline
• Try changing the color when hovering over a session with a task
• Add a nice shadcn popup when a session is over (no sound, just a popup)
• Add custom sound options in the nav bar
• Add sound when toggling dark mode
• Add nice sound when session ends
• Add a settings to add sound with the sonner and end of session + start of session
• Add a placeholder when you drag task into the calendar
• Make it easier to change time in the settings (add preset values and maybe +1 -1 hours buttons)
• Create a page describing the most productive rythm to follow (52/17 rule, pomodoro technique, ultradian cycles)
• Make the calendar either work on two days, or limit end day settings to 23h59
• Add a way to zoom and dezoom the timeline
• Limit task name to 25 characters
• Make the calendar look better on long days
• Make hide breaks and pauses toggles
• Add session timer and task name in title
• Ensure taks name are synced from task to timeline but not from timeline to task (on deletion and renaming)
• Add a way to edit the task name from the task list
• Add a restriction so the task name can't be the same as another task name
• Make the sessions static (can't change the size, can't move them)
• Remove the ability to edit the task name within the timeline
• Change event component to display title as a div, and on click it turns to an input ?
• Ensure that break don't reset the task names
• Allow the break to be removed even when it's the only break
• Fix why the app crashes when the start time is set to now
• Add a trash icon on hover to remove task from the timeline
• Add a time showing in which session we are
• Add a the time remaining in the session
• Add a cursor that indivcate the current time and moves along the timeline
• Add a task list that can be edited
• Add a way to rename tasks
• Add a way to drag and drop the task in the timeline
• Add a way to remove tasks from the task list
• Add the total hours worked expected to be worked during the day

If and when we'll add interactivity:

• Add a way to click on a task in the timeline and edit it
• Add a way to click on a task in the timeline and remove it
• Allow for the possibility to click and press suppr button to remove task
• Ensure that moving breaks on the timeline move them in the settings
• Add the posbility to rename breaks
• Ensure the task on the timeline and task list are synced, from one way to task list to timeline

GIT:

• use git log --oneline to see the commit history and retrieve old functions

Prompt:

I trigger my switch in @CalendarButtons.tsx . It updates my state in @PomodoroDay.tsx that is @showPauses , this showpauses, trigger the useMemeo function @filteredEvents because the dependecy changes. This triggers a rerender of my calendar with the new filterered events pass as the events props. This triggers also a rerender of all my @EventComponent.tsx because the event changed and react big calendar rerenders the event then

Info in @WorkSessionSummary.tsx:

Number of sessions planned during the day Total time expected working Total time worked Total time remaining Start time End time

% of time as work during the day % of time as break or pauses during the day