Add pomodoro settings - Githubissues

webdevbroz / pomodoro-app

A time management application based on the pomodoro technique.

https://pomodoro-technique-app.vercel.app/

0 stars 1 forks source link

Add pomodoro settings #40

Closed blue2wo closed 9 months ago

blue2wo commented 9 months ago

Goal

Create a settings menu that will allow the user to edit several GUI options for the pomodoro timer.

Set a custom time for 'pomodoro focus', 'short break', and 'long break' - Will be added in another PR
Set preference for fonts - Kumbh Sans, Roboto Slab, Space Mono
Set preference for color - Pink, aqua, purple

The implementation will store the settings local in settings component and then use dispatch all the settings data in one object using Redux.

Related issue: https://github.com/webdevbroz/pomodoro-app/issues/23

How to test

After making changes in the settings menu and clicking apply:

Check the visual appearance of the pomodoro timer and the start/pause button reflects the colour value in the redux store.
Check the visual appearance of the pomodoro timer font reflects the font value in the redux store

Screenshots