Менеджер паролей на HTML.
index.html | ||
LICENSE | ||
README.md |
Менеджер паролей
Описание
Простой веб-менеджер паролей, созданный с использованием HTML, TailwindCSS и JavaScript. Приложение позволяет пользователям вводить, хранить, сортировать и копировать пароли в удобной таблице. Данные сохраняются локально в браузере (localStorage), что обеспечивает доступ к паролям при повторных посещениях страницы.
Основные функции
- Добавление паролей: Ввод данных в формате
Сервис Логин Пароль
. - Автоматическое сохранение: Пароли сохраняются в localStorage после добавления.
- Сортировка: Возможность сортировки таблицы по любому столбцу (Сервис, Логин, Пароль) нажатием на заголовок столбца.
- Копирование паролей: Кнопка для копирования пароля в буфер обмена.
- Современный дизайн: Интерфейс с закругленными углами, градиентным фоном и цветовой схемой в красно-белых тонах.
Технологии
- HTML5: Для структуры страницы.
- TailwindCSS: Для стилизации интерфейса.
- JavaScript: Для обработки данных, сортировки и работы с localStorage.
Установка и запуск
- Склонируйте репозиторий:
git clone https://git.zorahm.ru/ZorahM/Password-Manager/.git
- Откройте файл
index.html
в браузере:
Или используйте локальный сервер для запуска (например, через VS Code с расширением Live Server).open index.html
Использование
- Введите данные в текстовое поле в формате
Сервис Логин Пароль
(каждая запись с новой строки). - Нажмите кнопку Добавить.
- Данные отобразятся в таблице, автоматически сохранятся и будут доступны при следующем посещении.
- Нажмите на заголовок столбца, чтобы отсортировать таблицу.
- Нажмите на кнопку 📋 рядом с паролем, чтобы скопировать его.
Пример ввода
Сервис Логин Пароль
Gmail user123 Password!2023
Ограничения
- Данные хранятся в localStorage, что означает, что они доступны только в том браузере, где были сохранены.
- Приложение не шифрует пароли — используйте его только для тестовых данных или в безопасной среде.
Лицензия
Проект распространяется под лицензией MIT. Подробности в файле LICENSE
.