Как я психанул и написал свой менеджер закладок

Рождение проблемы:

…какое-то время назад. Я менеджер менеджеров, отвечаю за разные команды с разными фокусами. У каждой команды свои проекты. В каждом проекте есть несколько миро-досок, гугл-доков, доков в конфлюенсе, эпик в джире и еще горка ВАЖНЫХ ссылок!

Надо как-то все это богатство организовать и перестать уже дергать коллег в слаке с «А напомни, плз, ссылку на…».

Поиски решения:

Начал со встроенных закладок в браузере. Формально они работают, но всерьез их воспринимать сложно.

Они требуют реальных когнитивных затрат на поиски желаемой закладки. Нужно двигать курсор; целиться; раскрывать разные папки, чтобы понять, где нужная тебе закладка. Короче, слишком сложно и долго.

В 2024 году так напрягать пользователя неприлично.

Дальше началась вереница различных хром-экстеншенов по организации закладок. В итоге остановился на Toby. Казалось, что это было то, что нужно.

Плюсы:

— Визуальный (позволяет быстро найти нужное без лишних кликов).

Минусы:

— Перегруженный UI.
— Тормозит.
— Мало закладок помещается на один экран, нужно много скроллить.

Я жил с ним какое-то существенное время, но в один момент его недостатки перевесили плюсы.

И так совпало, что в этот период жизни мой внутренний программист взвыл и вырвался наружу. Он объявил, что так больше жить нельзя, и надо срочно что-то сделать своими руками — для души и ментального здоровья.

А тут и проблема на поверхности.

Решение

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

Хотелось чтобы искать нужную закладку удобно было глазками.
И чтобы визуально (цветовое кодирование помогает якорить глазки быстрее).
И чтоб интерфейса было минимум, а основной фокус на контент.

Так родился пет-проджект Tabme — самый простой и удобный менеджер закладок для Олега =)).

Делюсь им с вами, кайфуйте вместе со мной.

Но! Чтоб кайфовать нужно его правильно готовить.

Кайф не только в простоте использования, но и в том, что я могу найти все ключевые документы по всем проектам за последние годы. Я не удаляю закладки по завершенным проектам, а просто скрываю их (hide). При этом поиск автоматом ищет и в скрытых закладках. Это оказалось супер удобным: актуальный минимум на экране и вся история в пределах одного клика.

Там еще много приятных мелочей:
— хорошая поддержка клавиатуры, чтобы удобно навигировать по закладкам
— сквозной поиск по закладкам, открытым табам и истории
— закрытие дублирующихся вкладок
— сохранение сессии (сохранить открытые вкладки в папку)
— скрытие неиспользуемых закладок, чтобы держать только важное на экране
— дарк мод

В общем свою задачу организации проектов по папочкам я решил.

Попробуете — пишите.
Буду рад любому фидбеку, что зашло, а что нет 😀

Технологии:
Тут все скучно: реакт + тайпскрипт.

Ссылки где что найти:
Site
Chrome Store Page
Репозиторий

Я, кстати, быстро понял, что не всем нравится, когда расширение переопределяет newtab в Chrome. Кому-то удобнее просто закрепить его первой вкладкой и через CMD+0 переключаться на него. Для таких пользователей есть отдельная сборка, которая не переопределяет newtab:
Chrome Store (version without newtab).

Что дальше:
Буду планомерно развивать опираясь на собственное чувство прекрасного и ваши отзывы.
Бог даст, прикручу биллинг, заработаю миллионы и буду кайфовать 🙃
А пока ссылочки по папочкам сортируем.