Я тут це... Трекалку для написав. За 628 хвилин :)

Привіт, Друзі!

Пару тижнів тому, я подумав: «А чи можна використовувати гугловые таблиці (Google Sheets), як просте і безпечне сховище даних?». О, а ще мені давно хотілося написати трекалку часу.

Ось що вийшло:

image

Код + Сайт



Як і у вас, у мене є купа ідей. Деякі ідеї застрягають в голові надовго. Найпростіше позбутися від ідеї — це сісти і почати писати її.

Мені давно хотілося позбутися від ідеї відстежувати свій час :). Але витрачати час на написання нудних речей (сховище даних, аутентифікацію) мені було лінь.

Виявляється Google Sheets має дуже доброзичливий API, хорошу документацію і простий hello world. За перший вечір вийшло інтегрувати їх приклад з шаблоном для vue.js .

Сайт відразу почав працювати з примітивним інтерфейсом:

image
git checkout 62687e46d3c768f50400bc3dc95a1f699c64b626
 


Я задоволений пішов спати, а на наступний день почав користуватися сайтом, помічаючи де найбільше гострих кутів. Гострі кути стачивал вночі, після роботи, і експеримент тривав на наступний день.

За кілька ночей я звів кількість відомих мені багів, граничних випадків і кліків для запису часу до задовільного мінімуму. А весь проект зайняв близько 10.5 годин.

На скріншоті зверху сайт називається «sheetime». У мене були сумніви в адекватності імені, але після зауваження колеги про великий туалетної асоціації вони розвіялися. Довелося перейменувати в просто «time»


Інструменти

В якості фреймворку для управління даними я вибрав vue.js, а стилі взяв з materialize-css. Vue мені здається простіше ніж react, і без магії angular.

Наступним кроком я виклав сайт на безкоштовний хостинг з безкоштовним https сертифікатом: www.netlify.com (оскільки всі open source). Знайшов netlify за наводкою від John-David Dalton'a — він хостить документацію до lodash у них, і дуже тепло відгукувався. Дійсно зручно! Пара кліків і все працює.

Це особисте! Мені було б неприємно, якби хтось стежив за моїми записами часу, бо я навмисно уникаю аналітику і сторонні сервера. Після завантаження сайту, всі дані йдуть безпосередньо гуглу, через їх API.

Удачі!

Я сподіваюся, ця маленька історія маленького проекту надихне вас на реалізацію своєї ідеї! І такий простий інструмент як Google Sheets буде у вас в запасі. Весь код доступний тут: github.com/anvaka/time
Джерело: Хабрахабр

0 коментарів

Тільки зареєстровані та авторизовані користувачі можуть залишати коментарі.