Skip to content
Simple Google Sheets interface to track time
JavaScript Vue HTML
Branch: master
Clone or download
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
build Initial commit Sep 26, 2016
config Usability fixes Sep 27, 2016
docs Added docs Oct 4, 2016
src Removed redundant logging Oct 9, 2016
static add time counter favicon Oct 6, 2016
.babelrc Initial commit Sep 26, 2016
.editorconfig Initial commit Sep 26, 2016
.eslintignore Initial commit Sep 26, 2016
.eslintrc.js Added navbar Oct 2, 2016
.gitignore Initial commit Sep 26, 2016
LICENSE Added docs Oct 4, 2016
README.md Add dev link to README Oct 6, 2016
index.html Changed " to ' for consistency Oct 13, 2016
package.json Added datetime picker for browsers that don't support datetime-local Oct 9, 2016

README.md

time

A very simple interface to Google Sheets, that allows you to track time. Every time when you work on something - you can log time here, and edit it in Google Sheets later.

Demo

animated demo

Video

How?

The entire time tracking "database" has only three columns:

Start time | End time | What is done?

I'm using the simplest possible UI to enter this information on the website, and send this data to Google Sheets via Google Sheets API.

NOTE: Once time.anvaka.com is loaded, all communication happens directly between your browser and Google Sheets. So, your privacy (and mine) is kept intact

I crafted UI based on my own usage patterns. The Start time of a new record is always set to the End time of the last record. So I can immediately log what I've done since last entry (see GIF file above).

Why?

I was just curios. I had this idea of Google Sheets as a Database for a while, and wanted to have a tool to track time that is tailored to my needs. So it was a good excuse to play with it, and have one more tool in my professional toolset :).

After all, it took only ~10.5 hours to build this website.

I liked the API and hope you will find this project helpful for your learning and inspiration!

License

The code is fully available under MIT license.

Development

If you want to develop this tool on your computer, simply do the following:

git clone https://github.com/anvaka/time.git
cd time
npm install

Now you are ready to run dev server:

npm run dev

Then open http://localhost:8091.

The tool uses vue and materialize. The hosting and secure certificates are provided by https://www.netlify.com/ - free for open source projects.

You can’t perform that action at this time.