work-timer

project about listing your work with timer

key features :

1- Countdown Timer:

The central part of the UI features a large countdown timer displaying the remaining seconds for the current task.

2- Task Information:

The current task is displayed in large text at the top ("Get Ready"), with a smaller text underneath indicating the next task .

3- Workout Details:

The tasks are listed below the timer with details about their duration and type (e.g., work or rest).

4- Progress Tracking:

It shows the number of tasks completed and the number of unfinished tasks .

Controls:-5

There are buttons for "Pause," "Start," and "Reset" to control the workout timer.

The progress bars visually represent the elapsed time and total workout time

Color-Coding: -6

Different tasks are color-coded for clarity, with the current task highlighted in green.

this project is built using

1- React js

2- react hooks (useState , useRef, useCallback)

3- react bootstrap