A Simple Pomodoro created in Angular 10 during the Front End Bootcamp of IGTI
- Work with dependence injection
- Allow user to create activities
- Run each activity and its rest time
The project has four important files:
activity-interface.ts: responsible by the structure of an activityapp.component.ts: stores the list of activities created inconfig.componentconfig.component.ts: allows the user to create a list of activitiestimer.component.ts: responsible to execute the pomodoro
The most important logic of the project is in timer.component. Here there are the control of execution of the list. When an activity runs, the red line of the image disappear with time. In rest interval a blue line appear and when it finishes start a new pomodoro.
An improvement idea is create tomato thumbnails to represent the repetition of the activity and as it runs, these thumbnails disappear.