MFA - система мультифакторной аутентификации
1 год и 2 месяцаСистема представляет собой универсальную доверенную платформу для многофакторной аутентификации (MFA), предназначенную для защиты учетных записей пользователей от несанкционированного доступа, включая атаки с использованием фишинга, перебора паролей и компрометации сессий. Данная система строит процесс входа на основе комбинации нескольких независимых факторов владения, знания и наследования, что обеспечивает эшелонированную защиту критически важных ресурсов.
- Роль
- Frontend-разработчик
- Состав команды
- 1 Frontend-разработчик, 1 Backend-разработчик, 1 QA
Что реализовывал
- Провел глубокий рефакторинг и декомпозицию устаревших модулей для обеспечения гибкости при интеграции новых факторов аутентификации.
- Создал переиспользуемые UI-компоненты (кнопки, инпуты, модалки, уведомления, селекты) на основе Vuetify с расширением его стандартного функционала.
- Полностью переработал дизайн-систему приложения.
- Сверстал адаптивные пользовательские интерфейсы, включая сложные модальные окна и формы с динамической валидацией.
- Реализовал механизм сохранения пользовательских настроек интерфейса (персональная конфигурация таблиц, сортировка, видимость колонок), что позволило персонализировать рабочие пространства и повысить удобство ежедневной работы с приложением.
- Переработал интерфейс таблиц событий и фильтрации, полностью изменив логику взаимодействия пользователя с логами безопасности.
- Разработал динамические таблицы с пагинацией, поиском, сортировкой по столбцам и групповыми действиями (массовое удаление/блокировка).
- Внедрил многоуровневую фильтрацию по ключевым атрибутам (дата, статус, важность, IP-адрес) с возможностью сохранения пресетов.
- Реализовал многошаговые формы входа с поэтапным сбором данных и валидацией на каждом шаге.
- Настроил TOTP: генерация QR-кодов для привязки Google/Microsoft Authenticator и реализация полей для ввода 6-значных кодов с автофокусом.
- Интегрировал WebAuthn (FIDO2) для входа по отпечатку пальца, Face ID или физическому ключу YubiKey.
- Реализовал кастомную обработку ошибок безопасности (превышение лимита попыток, истекший код, заблокированный аккаунт).
- Стек технологий
- C#
- TypeScript
- Vue
- Vite
- Pinia
- Vue Router
- Vuetify
- Vue-draggable
- QRCode Vue
- PostgreSQL
- RabbitMQ
- Victoria Logs
- Axios
- REST API
- turbo-repo
- Git
- lodash
- date-fns
- FSD