Все статьи
3 минуты

Local Notes — приватные заметки прямо в браузере

  • localnotes
  • заметки
  • приватность
  • безопасность
  • pwa
  • javascript

Local Notes — приватные заметки прямо в браузере

Большинство современных сервисов для заметок работают через облако: пользователь создаёт аккаунт, данные отправляются на сервер, а синхронизация происходит автоматически.

Local Notes предлагает другой подход — local-first.

Приложение работает непосредственно в браузере, а заметки хранятся локально на устройстве пользователя. Серверная база данных для самих заметок не требуется.

🔒 Приватность прежде всего

Главная идея Local Notes — данные пользователя должны оставаться у пользователя.

Заметки сохраняются в IndexedDB браузера. Приложение не требует регистрации и не использует сервер для хранения самих заметок.

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

🔐 Шифрование экспортируемых заметок

Local Notes поддерживает зашифрованный формат .note.

В проекте используется комбинация современных криптографических механизмов, включая:

  • AES-256-GCM;
  • HMAC-SHA-512;
  • PBKDF2-SHA-512;
  • HKDF-SHA-512;
  • Web Worker для выполнения тяжёлых криптографических операций.

Это позволяет экспортировать заметки в зашифрованном виде и затем импортировать их обратно в приложение.

При этом важно понимать: криптография не отменяет необходимости защищать само устройство и пароль от доступа посторонних.

📱 Работает как приложение

Local Notes поддерживает PWA (Progressive Web App).

Его можно установить на устройство и использовать практически как обычное приложение. Service Worker позволяет работать с приложением в офлайн-режиме после первоначальной загрузки.

Это особенно удобно для ноутбуков и мобильных устройств, где не всегда есть стабильное интернет-соединение.

📝 Полноценный редактор

Вместо тяжёлого WYSIWYG-редактора в проекте используется собственный LocalNotesEditor.

Он поддерживает:

  • заголовки;
  • списки;
  • таблицы;
  • ссылки;
  • цитаты;
  • блоки кода;
  • изображения;
  • видео;
  • чек-листы;
  • поиск и замену;
  • отмену и повтор действий;
  • шаблоны заметок.

Редактор при этом остаётся относительно небольшим — около 15 КБ согласно документации проекта.

🗂️ Workspaces

Заметки можно разделять по рабочим пространствам.

Например:

📁 Work
   ├── Meetings
   ├── Projects
   └── Ideas

📁 Personal
   ├── Books
   ├── Plans
   └── Journal

📁 Development
   ├── JavaScript
   ├── Linux
   └── Security

Это позволяет использовать Local Notes одновременно для работы, учёбы и личных записей, не смешивая разные коллекции.

Для создания собственной базы знаний можно связывать заметки между собой.

Например:

[[JavaScript]]
[[Linux]]
[[Web Security]]

Local Notes поддерживает wiki-ссылки и backlinks, поэтому связанные заметки можно использовать практически как небольшую персональную wiki.

Для больших коллекций заметок это превращает обычный блокнот в более полноценную систему управления знаниями.

🏷️ Теги, цвета и календарь

У заметок можно использовать:

  • теги;
  • цветовые метки;
  • закрепление;
  • даты;
  • сроки выполнения.

Встроенный календарь поддерживает несколько представлений:

  • месяц;
  • неделя;
  • agenda.

Поиск также поддерживает специальные операторы, например:

#javascript
is:pinned
is:overdue
is:today
has:image
has:video
has:checklist
before:2026-09-20
after:2026-01-01

Это позволяет быстро находить нужные записи даже в большой коллекции.

🌍 12 языков

Интерфейс Local Notes локализован на 12 языков:

  • English;
  • Русский;
  • Українська;
  • Polski;
  • Čeština;
  • Slovenčina;
  • Български;
  • Hrvatski;
  • Српски;
  • Bosanski;
  • Македонски;
  • Slovenščina.

Локализация распространяется не только на основной интерфейс, но и на различные модальные окна, редактор, календарь и системные сообщения.

📤 Данные не заперты внутри приложения

Одна из важных особенностей Local Notes — возможность экспортировать свои данные.

Поддерживаются:

  • HTML;
  • Markdown;
  • зашифрованный .note;
  • экспорт статического сайта.

Таким образом, заметки можно сохранить отдельно от браузера или перенести в другое место.

⚡ Без React и Vue

Local Notes построен на обычном JavaScript и минимальном количестве зависимостей.

В репозитории отдельно подчёркивается подход с vanilla JS, локальными ресурсами и постепенным улучшением функциональности браузера.

Это делает архитектуру проекта достаточно интересной с технической точки зрения: приложение сочетает IndexedDB, Service Worker, Web Crypto API, Web Workers, PWA и современный JavaScript без крупного frontend-фреймворка.

🧩 Открытый исходный код

Исходный код Local Notes доступен на GitHub под лицензией MIT.

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

🚀 Попробовать Local Notes

Приложение доступно непосредственно в браузере:

https://localnotes-three.vercel.app/

Исходный код:

https://github.com/PsyGioX/localnotes

Local Notes — это попытка сделать заметки максимально простыми, приватными и независимыми от облачной инфраструктуры: открыл браузер, написал заметку, сохранил её локально и при необходимости сам решил, куда экспортировать свои данные.