time - GitLite

KO | EN

gitlite — search

#hacktoberfest #ai #llm #golang #android #rust #deep-learning #macos #nodejs #awesome #awesome-list #pytorch #mcp #open-source

time

(★ 651)

Simple Google Sheets interface to track time

파일 탐색기

최종 버전 다운로드 (.zip)

- build.js
- dev-client.js
- dev-server.js
- utils.js
- webpack.base.conf.js
- webpack.dev.conf.js
- webpack.prod.conf.js
- dev.env.js
- index.js
- prod.env.js
- test.env.js
- demo_time.gif
- - appModel.js
  - dateUtils.js
  - getLastRecordsForComponent.js
  - getSpreadsheetIdFromComponentRoute.js
  - getSpreadsheetIdFromRoute.js
  - goog.js
  - isDateInputSupported.js
  - logTemplate.js
- App.vue
- CreateTimeLog.vue
- DateTime.vue
- ListFiles.vue
- main.js
- TimeLog.vue
- .gitkeep
- favicon.png
.babelrc
.editorconfig
.eslintignore
.eslintrc.js
.gitignore
index.html
LICENSE
package-lock.json
package.json
Privacy Policy.md
README.md

# 설치 가이드

1. 코드 내려받기

git clone https://github.com/anvaka/time

깃허브에서 프로젝트 코드 전체를 내 컴퓨터로 내려받습니다.

cd time

방금 내려받은 프로젝트 폴더 안으로 이동합니다.

2. Node.js

쉬움 추천

사전 준비물

Git GitHub에서 프로젝트 코드를 내려받으려면 필요합니다.
Node.js npm 명령어를 쓰려면 Node.js가 설치되어 있어야 합니다. LTS(장기지원) 버전을 추천합니다.

npm install

package.json에 명시된 라이브러리들을 내려받아 설치합니다.

npm run dev

개발/실행 서버를 켭니다.

✅ 명령어 실행 후 터미널에 나타나는 주소(보통 http://localhost:3000 형태)를 브라우저에서 열어보세요.

이 레포의 README에 적힌 실제 명령어를 그대로 가져왔습니다.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# [time](https://time.anvaka.com/)

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](https://time.anvaka.com/),
and edit it in Google Sheets later.

# Demo

![animated demo](https://raw.githubusercontent.com/anvaka/time/master/docs/demo_time.gif)

# [Video](https://www.youtube.com/watch?v=5e8K0LMdTmw)

# 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](https://developers.google.com/sheets/).

*NOTE: Once [time.anvaka.com](https://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](http://localhost:8091).

The tool uses [vue](http://v1.vuejs.org/guide/) and [materialize](http://materializecss.com/).
The hosting and secure certificates are provided by https://www.netlify.com/ - free
for open source projects.