1995yogeshsharma / multi-stop-watch Goto Github PK

Best practices state that JS should be in its own file and linked to from the HTML.

currently time is shown in seconds inside the stopwatch.

It does not look good as the time increases. Change it to a more suitable format.

Steps to reproduce :

• load the page
• add a stop watch

Behavious :

• shows undefined secs for the first second

Expected :

• should show '0 secs' at start.

current behaviour
The stopwatch shown in modal view (on clicking Notes) does not have option to pause refresh or remove.

Expected Behaviour
It would be great to have those options in modal view as well.

Instead of just showing notes in different paragraphs.

It is better to add a function to remove notes as well. So, represent notes as a list with a cross in front of each

Please suggest any feature you'd like to add to the multi-stop-watch and you can complete that in order to increase your PR count for hacktoberfest.

Current Behaviour
On clicking Add stopwatch, the stopwatch is added and immediately starts running.

Expected Behaviour
the stopwatch should wait for user to click on resume to start

The setInterval function can "drift" over time. This is especially noticeable if you switch to another tab while the stopwatch is running. In this case chrome increases the interval to save cpu resources which makes the stopwatch tick slower. The difference can get really severe, for me the stopwatch ticks about 3 times slower when kept in background.

When a user creates a note, a 'cross' is shown inside a 'badge'.
Clicking on cross removes note but not clicking no badge.
Either remove the badge and only show cross, or make sure that clicking on badge also deletes the note

Users should be able to add the note by pressing enter.

Steps to regenerate:

• Add a stopwatch.
• Go to notes button.
• Add a note and try to press enter. (enter doesn't add the todo)

Current logic -> Use setInterval to call UpdateClocks function where all the clocks are updated

Instead a better approach can be to have separate functions attached to separate clock object

Now,
User writes title in the input box and then has to click 'Add Stopwatch' Button. Pressing enter does not trigger the functionality.

Expected,
Pressing enter should also trigger the functionality.

Right now stop watch represents an activity, It would be better if a note can be attached to each activity/stopwatch to write anything regarding activity.

Proposed design :-
In panel header, there can be an edit symbol at right side on clicking which a modal might open for the note.

Although aim of the app was not to make persistent data. But, it is very saddening to get your data deleted due to accidental page reload.

So, use cookies (or something better) to store the data regarding stopwatches and notes so that it doesn't get lost.