In left side of your page we have form of task in which need specify some information about job (some field are required). Field date have default value equal today date and field time have defualt value equal current time(when page loaded) + 10 min. After added task to us todo-list form is cleaned and set default values.
In right side of page stay todo-list. Its consist from four parts:
- 1. Time remaining for this task. When time expires this task removed from list.
- 2. Title of task which we specify when fill form.
- 3. Description section. When cursor hovered over it shown tooltip (if you specify him)
- 4. Button for added 10 minutes to current remaining time
- 5. Button for remove task
If we close window or browser by next open this page then application will retrieve the todo-list from localStorage( if date not expired ).