In this module, I have fulfilled the below User stories :-
User story 1: Create a div with a class container and center it on the screen and split the container into two parts horizontally.
User story 2: Upper part of the container must display the countdown time and give border to the countdown timer.
User story 3: The bottom part of the container must have the following sections:
- A section to set session time in minutes. User must be able to increase and decrease session time using + and - icons. Session time must not go below 1
- A section to set break time same like session time implementation
- Add two buttons to start and reset the timer at bottom of container.
- If the time is running disable the + and - button of session time and break time.
- The start button starts the session countdown from a specified time.
User story 5: After the session time ends, break time starts and when the break times finishes ,show a prompt saying "Break Over.You can start your session again!"
You can view the live project here-> Pomodoro Clock