Сначала — потыкать
Попробуем готовую вещь. Потом разберём, что именно в ней нужно для первой версии.
Одна задача может состоять из нескольких действий. У этого сайта задача — помочь выбрать занятие и начать.
Когда я придумывал пример для этой книги, хотелось сделать совсем маленький проект. Чисто для себя. Такой, который можно даже никому не показывать и не тратить силы на то, чтобы довести его до идеала.
А потом я вспомнил про своё экранное время: примерно семь часов в день. Иногда буквально пересиливаю себя, чтобы оторваться от телефона. И подумал: почему бы не сделать штучку, которая мне самому поможет?
Представь: есть свободные пятнадцать минут. Можно открыть ленту. А можно почитать, размяться или наконец полить цветок. Занятий хватает — сейчас не хочется выбирать.
Для этого и нужна моя штука. Она берёт одно занятие из твоего списка и даёт на него пятнадцать минут. Что именно попадёт в список, решаешь ты.
Попробуй прямо здесь
- Впиши своё занятие в поле под заголовком «Ваши идеи» и нажми плюс.
- Нажми «Выбрать занятие». Появится один вариант из списка; необязательно тот, который ты только что добавил.
- Нажми «Начать 15 минут». Цифры начнут уменьшаться.
Ждать окончания сейчас не нужно. Попробуй паузу и сброс.
Это настоящий сайт. Можно добавлять дела, выбирать занятие и запускать таймер.
Встроенный пример каждый раз начинается с исходного списка. Кнопка «Начать заново» под ним сбросит эксперимент. В отдельном приложении занятия сохраняются в том браузере, где ты их добавил.
Что произошло за три нажатия
Сначала появляются варианты, из которых можно выбрать.
Кнопка дала конкретное дело. Таймер ещё не запущен.
После запуска время уменьшается. Можно сделать паузу.
Сначала у тебя был список. Затем появилось одно конкретное дело. Потом начался отсчёт. Это и есть основа приложения: данные → выбор → время на действие.
В готовом примере есть дополнительные удобства: удалить занятие, поставить отсчёт на паузу, сохранить список. Их можно добавить после того, как заработала основа. Тебе не нужно сразу повторить всё, что видно здесь.
Что в такой вещи будет твоим
Таймеров в интернете много. Но в твоём могут быть занятия именно для дождливого воскресенья, разминки между созвонами или вечера с ребёнком. Можно поменять не только цвета, но и саму задачу.
А можно сделать совсем другое: переводить цену покупки в рабочие часы или выбирать, кого сегодня нарисовать. Нам пригодится тот же способ работы.
Попробуй три действия в примере: добавить занятие, выбрать вариант и запустить отсчёт.
Готово, когда Ты увидел, как твой ввод превращается в результат. Теперь можешь объяснить задачу этого сайта одной фразой.
В следующей главе найдём ситуацию, для которой тебе захочется сделать свою кнопку.