diff --git a/README.md b/README.md index f975018..a1bf969 100644 --- a/README.md +++ b/README.md @@ -1,47 +1,81 @@ -# Менеджер паролей +# 🔐 Password Manager - Менеджер паролей -## Описание -Простой веб-менеджер паролей, созданный с использованием HTML, TailwindCSS и JavaScript. Приложение позволяет пользователям вводить, хранить, сортировать и копировать пароли в удобной таблице. Данные сохраняются локально в браузере (localStorage), что обеспечивает доступ к паролям при повторных посещениях страницы. +Простой менеджер паролей для браузера с локальным хранением данных. Версия 1.1.0 -## Основные функции -- **Добавление паролей**: Ввод данных в формате `Сервис Логин Пароль`. -- **Автоматическое сохранение**: Пароли сохраняются в localStorage после добавления. -- **Сортировка**: Возможность сортировки таблицы по любому столбцу (Сервис, Логин, Пароль) нажатием на заголовок столбца. -- **Копирование паролей**: Кнопка для копирования пароля в буфер обмена. -- **Современный дизайн**: Интерфейс с закругленными углами, градиентным фоном и цветовой схемой в красно-белых тонах. +> ⚠️ **Важное предупреждение**: Это не учебный проект, а реальный инструмент, но пароли хранятся в открытом виде в localStorage. Используйте на свой страх и риск! Не рекомендуется для хранения действительно важных паролей. -## Технологии -- **HTML5**: Для структуры страницы. -- **TailwindCSS**: Для стилизации интерфейса. -- **JavaScript**: Для обработки данных, сортировки и работы с localStorage. +## ✨ Основные возможности -## Установка и запуск -1. Склонируйте репозиторий: - ``` - git clone https://git.zorahm.ru/ZorahM/Password-Manager.git - ``` -2. Откройте файл `index.html` в браузере: - ``` - open index.html - ``` - Или используйте локальный сервер для запуска (например, через VS Code с расширением Live Server). +- **Локальное хранение** в браузере (localStorage) +- **Удобный ввод** данных в формате "Сервис Логин Пароль" +- **Сортировка** по всем колонкам +- **Безопасное отображение** паролей (скрыты по умолчанию) +- **Копирование** в буфер обмена +- **Экспорт/импорт** данных +- **Поиск** по записям -## Использование -1. Введите данные в текстовое поле в формате `Сервис Логин Пароль` (каждая запись с новой строки). -2. Нажмите кнопку **Добавить**. -3. Данные отобразятся в таблице, автоматически сохранятся и будут доступны при следующем посещении. -4. Нажмите на заголовок столбца, чтобы отсортировать таблицу. -5. Нажмите на кнопку 📋 рядом с паролем, чтобы скопировать его. +## 🛠 Технологии -## Пример ввода +- **Чистый JavaScript** (без зависимостей) +- **TailwindCSS** для стилей +- **HTML5 API**: + - localStorage для сохранения данных + - Clipboard API для копирования паролей + - File API для импорта/экспорта + +## 🚀 Быстрый старт + +1. Клонируйте репозиторий: +```bash +git clone https://git.zorahm.ru/ZorahM/Password-Manager.git +cd Password-Manager ``` + +2. Запустите приложение: +- Откройте `index.html` прямо в браузере +- Или используйте Live Server в VS Code + +3. Начните использовать: +``` +# Формат ввода (каждая запись с новой строки) Сервис Логин Пароль -Gmail user123 Password!2023 +Яндекс my_login SuperPass123 +GitHub dev_user 8sDf!kL9 ``` -## Ограничения -- Данные хранятся в localStorage, что означает, что они доступны только в том браузере, где были сохранены. -- Приложение не шифрует пароли — используйте его только для тестовых данных или в безопасной среде. +## 🔒 Вопросы безопасности -## Лицензия -Проект распространяется под лицензией MIT. Подробности в файле `LICENSE`. \ No newline at end of file +❗ **Пароли хранятся в открытом виде** в localStorage браузера. Это означает, что: +- Данные уязвимы при доступе к вашему компьютеру +- Пароли могут быть считаны другими расширениями +- При очистке кэша браузера данные будут потеряны + +**Рекомендации**: +- Используйте только для неважных учетных записей +- Регулярно делайте экспорт данных +- Не используйте на общедоступных компьютерах + +Для важных паролей рекомендуем: +- [Bitwarden](https://bitwarden.com/) (бесплатный) +- [KeePass](https://keepass.info/) (оффлайн) + +## 🛠 Для разработчиков + +1. Установите Live Server в VS Code +2. Запустите index.html через Live Server +3. Для сборки не требуется дополнительных инструментов + +Особенности реализации: +- Нет зависимостей +- Простая модификация +- Чистый JavaScript ES6+ + +## 📜 Лицензия + +MIT License - подробности в файле [LICENSE](LICENSE) + +--- + +
+ Создано с ❤️ | Используйте с осторожностью +
\ No newline at end of file