Проект: Дедлайн  Публичный пост
1 января 2021  684
Дедлайн

Нашёл в архиве свой старый проект и подумал, что 1 января — отличный день, чтобы рассказать о нём в клубе.
Идея проекта максимально простая: показать сколько времени осталось до конца дня, месяца или года в процентах.

Появилась идея 4 года назад, через год она нашла реализацию, еще через год я опубликовал её на отдельном домене, а еще спустя два года рассказываю здесь. Если кто-то организует конкурс «Прокрастинатор года» — пришлите приглашение.

Что вдохновило?

Когда-то павербанки не были распространены, а мой старенький Асус держал заряд около 2 часов. Поэтому каждый раз, когда я видел остаток заряда я начинал прикидывать: что мне нужно сделать, пока я не остался без ноутбука/телефона.

Тогда я подумал, что было бы приколько перенести концепт с аккумулятором на время.

Что вошло в прототип и сколько времени на него было потрачено?

Весь «проект» был сделан за 1-2 часа во время новогодних каникул.

Какой технологический стек вы использовали? Почему?

Только Vanilla JS, только хардкор. Но согласитесь: странно было бы тащить новомодные js-фреймворки для нескольких строчек кода.

Как вы запускались и искали первых пользователей?

Официального запуска не было. Проект сделан для себя, но вот сегодня решил поделиться с клубом)

Какие планы на будущее?

Добавить обновление данных для текущего дня по таймеру. Возможно, еще через год я заверну это в плагин для Chrome и Firefox и опубликую в сторах. После этого накручу доп. сервисов и начну конкурировать с Momentum 😄.

На этом у меня всё. И знайте: до конца года осталось 99.73% — потратьте их с пользой. С Новым годом!

20 комментариев 👇
Захар Кириллов, Амбассадор ЕРАМ в Клубе 2 января в 11:45

Отличный сайт, чтобы поставить его открываться в браузере по-умолчанию, но вот нет УРЛов, чтобы он открывался например сразу с дня (типа /?day или #day).

Ещё dark mode зашел бы (тоже делал бы при помощи параметров в УРЛ строке, чтобы настроить себе любую комбинацию).

Ну и плюсую за настройку инверсии (сколько прошло vs сколько осталось), за прогрессбар (только без фанатизма, ооооочень тоненький приклеенный к верхней или нижней границе).

  Развернуть 1 комментарий

@zahhar, в качестве стартовой можно ставить главную страницу: сайт запоминает последний выбранный период.
Даркмод и прогресс бар добавил в беклог, спасибо за идею)

  Развернуть 1 комментарий

Сами по себе проценты большей частью взволновать не могут. 43.12% или 42.88%? да вообще никакой разницы!
Нужно доходчивое пояснение: осталось 32 рабочих дня. Или 3 спринта. Или "если тратить по 15 минут в день, в этом году вы успеете прочитать 0 книг"

  Развернуть 1 комментарий

@mkwardakov, хорошая идея, пытаюсь сейчас реализовать похожую механику в другом проекте)

  Развернуть 1 комментарий
Денис Кандров, Автоматизирую что придётся 3 января в 16:51

Для мотивации что-то делать и вдохновившись квадратиками с GitHub-а, сделал прогресс жизни

Вот течение моей жизни (оптимистично поставил 90 лет)
Вот течение моей жизни (оптимистично поставил 90 лет)

  Развернуть 1 комментарий

@toborob, пользовался когда-то такой же штукой, но сделанной в экселе. Это ещё называли календарик-пинарик)
А еще такая же механика у http://timestripe.com:

  Развернуть 1 комментарий

@antkuznetsov,
точно, у кого-то из тайм менеджеров (Архангельский, не?) было такое: календарик-пинарик, только его нужно заполнять руками было.

  Развернуть 1 комментарий

@toborob, да, по-моему, у Архангельского)

  Развернуть 1 комментарий

@toborob, чёт напомнило календарик от Тима Урбана в «конце хвоста»

  Развернуть 1 комментарий
Дьячков Дмитрий, Фронтэнд-разработчик 1 января в 21:45

Переделай в шапке, пожалуйста, ссылки на кнопки :)

(момент на видео с 15:57, но рекомендую посмотреть весь доклад)

  Развернуть 1 комментарий

Ну и ещё, откажись от cookie, он тебе там не нужен от слова вообще абсолютно. Смотри волшебную штуку:

localStorage.setItem('activeDeadline', 'day')
localStorage.getItem('activeDeadline')
  Развернуть 1 комментарий

@e965, забыл добавить: это был практически первый мой JS-код, который с тех пор не рефакторился ни разу 😄
Поправлю, спасибо за подсказку)

  Развернуть 1 комментарий

@e965, гляну, спасибо)

  Развернуть 1 комментарий

Напоминает идею https://twitter.com/year_progress (http://progressbarserver.appspot.com/)

только они считают сколько уже прошло

  Развернуть 1 комментарий

@n0str, класс, идея действительно та же)

  Развернуть 1 комментарий
Филипп Федюк, уламывает кремний работать 2 января в 07:46

Респект за Vanilla JS!

Крутецки было бы добавить снизу progressbar (я б сделал самый минимум и видимый по наведению/фокусу)

самый простой скетчик
самый простой скетчик

|▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓41 %░░░░░░░░░░░░░░░░░░░░░░░|

  Развернуть 1 комментарий

@Brawlence, спасибо за идею, подумаю над реализацей)

  Развернуть 1 комментарий
Филипп Федюк, уламывает кремний работать 3 января в 01:39

Что-то сломалось
Что-то сломалось

Как эту осталось 0% недели трактовать? Последний день не считается?

  Развернуть 1 комментарий

@Brawlence, для недели формула корявая, тупо на 7 делит. Поправлю)

  Развернуть 1 комментарий

Исправил, теперь процент для недели считается на основании прошедших часов, а не дней)

  Развернуть 1 комментарий
Hakim Troyanov, Тревел-евангелист 1 января в 19:12

😱 Комментарий удален его автором...

  Развернуть 1 комментарий

😎

Автор поста открыл его для большого интернета, но комментирование и движухи доступны только участникам Клуба

Что вообще здесь происходит?


Войти  или  Вступить в Клуб