{"id":6884,"date":"2021-05-18T19:30:42","date_gmt":"2021-05-18T19:30:42","guid":{"rendered":"https:\/\/max-drake.cc\/?p=6884"},"modified":"2021-05-18T19:30:49","modified_gmt":"2021-05-18T19:30:49","slug":"web-browser-time-capture-store-to-file","status":"publish","type":"post","link":"https:\/\/max-drake.cc\/?p=6884","title":{"rendered":"Web browser time capture & store to file"},"content":{"rendered":"\n

There seem to be a lot of time sheet apps on the web. A lot of them have a free service and also a paid service. So you have to log in to access them and also to store your data. <\/p>\n\n\n\n

There is this simple timer that just ticks along but you can’t store the information anywhere, it just has the stop watch. Not really a lot of use if you are trying to assign work time to a project. <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Project requirements<\/h3>\n\n\n\n

So I started to look around and items that I thought would be a useful browser tool would be:<\/p>\n\n\n\n

  1. Works online and offline- Most people use their browser all the time, so having a tab with timer would be useful<\/li>
  2. It would allow it to be accessed from a mobile <\/li>
  3. It could store to local storage (ie Storage in browser) <\/li>
  4. It would need to read & write to a physical file on device (PC or mobile) where the user can choose that file (and maybe type) so that they can store information locally .<\/li>
  5. Item above is not as simple as it seems as it wants to store to local storage so you then have to write it from local storage to a file <\/li>
  6. You would need to somehow assign projects, maybe through a project list with radio buttons or a pull down list<\/li>
  7. Nice to add a note on what you were doing on the project. <\/li>
  8. Simple vanilla JS , so no Node.js or JS Query so anyone can download and use. Also if libraries are to be called they will be part of a download. I want simple code that can work on most browsers without anyone having to load too much into the page to make it work. <\/li><\/ol>\n\n\n\n

    In fact, all the items that I went through in the exercise for Time Capture exe file that I went through. See AHK Time Capture App development<\/a> article.<\/p>\n\n\n\n

    Information to start with<\/h4>\n\n\n\n

    There are a few Stop Watch timers and YouTube Videos on the topic. eg , so getting the code for that is not a problem. I actually used the code from (https:\/\/code-boxx.com\/simple-javascript-stopwatch\/<\/a>) to put in the html, I didn’t use the CSS part, just the buttons & js. <\/p>\n\n\n\n

    \n