Задача
Десктопное приложение-браузер с мультипрофилями для команд: вход и защита аккаунта, управление профилями и прокси, командная работа с правами доступа. Нужно было сверстать интерфейс по UI-киту и собрать его в Electron.
Что сделано
– Electron + SolidJS + TypeScript, SASS, сборка electron-vite, установщик через electron-builder под Windows;
– авторизация: вход по почте и через Google, вход по коду из письма, двухфакторная аутентификация с резервными кодами, восстановление пароля, предупреждения о блокировке;
– раздел профилей: создание и массовое создание, пресеты, теги, статусы, поиск;
– пресеты прав доступа: матрица прав по разделам для участника и для остальных членов команды;
– модальные окна команды, журнал действий с фильтрами, кастомные скроллбары и тултипы;
– три языка интерфейса (русский, украинский, английский) на typesafe-i18n, светлая и тёмная тема;
– мок-сервер для разработки без бэкенда, веб-версия для проверки в браузере.
Зачем
Командам важно, чтобы права и профили настраивались быстро и без ошибок. Интерфейс по UI-киту с продуманными модалками экономит им время каждый день.
Результат
Готовое десктопное приложение на Electron с собранным по UI-киту интерфейсом.