TimeTracker

Keep track of your working time with a single button.

TimeTracker has been updated TimeTracker – v0.2 update

Why I made this

After a few school projects with terrible working time documentations I decided to make my own time tracker. One course introduced us to Google Firebase database so I used that to store my data.

I do not host this service. Source can be found on GitHub, if you want to set it up yourself.

The tracker

The tracker consists of two html pages which don’t require to be hosted anywhere. First is a login page and the second the actual tracker.

login

I have manually added a user to Firebase, but registration of new accounts could be added if wanted.

start

After logging in there is a button to start a timer. When pressed again it will send data to Firebase.

firebase

Sent data contains start date, start Unix time, start time, stop date, stop Unix time, stop time and total minutes worked.

table

Data is pulled from the database to a table, which is easy to paste into a spreadsheet program.

Future of the project

This is an early prototype and although it works, there are several features I plan to implement in the future:

  • Multiple users
  • Multiple projects per user
  • Optional comment field for entries
  • Summary page shown on login

Sources

Here are some sources I used:

https://stackoverflow.com/questions/503093/how-to-redirect-to-another-webpage-in-javascript-jquery
https://stackoverflow.com/questions/10073699/pad-a-number-with-leading-zeros-in-javascript
https://stackoverflow.com/questions/21070101/show-hide-div-using-javascript
https://stackoverflow.com/questions/96428/how-do-i-split-a-string-breaking-at-a-particular-character
https://youtu.be/-OKrloDzGpU – Getting started with Firebase Auth on the Web – Firecasts

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: