This commit is contained in:
ZorahM 2025-05-08 23:06:18 +00:00
parent 238b8d5b07
commit 869e2b4110

106
README.md
View File

@ -1,47 +1,81 @@
# Менеджер паролей # 🔐 Password Manager - Менеджер паролей
## Описание Простой менеджер паролей для браузера с локальным хранением данных. Версия 1.1.0
Простой веб-менеджер паролей, созданный с использованием HTML, TailwindCSS и JavaScript. Приложение позволяет пользователям вводить, хранить, сортировать и копировать пароли в удобной таблице. Данные сохраняются локально в браузере (localStorage), что обеспечивает доступ к паролям при повторных посещениях страницы.
## Основные функции > ⚠️ **Важное предупреждение**: Это не учебный проект, а реальный инструмент, но пароли хранятся в открытом виде в localStorage. Используйте на свой страх и риск! Не рекомендуется для хранения действительно важных паролей.
- **Добавление паролей**: Ввод данных в формате `Сервис Логин Пароль`.
- **Автоматическое сохранение**: Пароли сохраняются в localStorage после добавления.
- **Сортировка**: Возможность сортировки таблицы по любому столбцу (Сервис, Логин, Пароль) нажатием на заголовок столбца.
- **Копирование паролей**: Кнопка для копирования пароля в буфер обмена.
- **Современный дизайн**: Интерфейс с закругленными углами, градиентным фоном и цветовой схемой в красно-белых тонах.
## Технологии ## ✨ Основные возможности
- **HTML5**: Для структуры страницы.
- **TailwindCSS**: Для стилизации интерфейса.
- **JavaScript**: Для обработки данных, сортировки и работы с localStorage.
## Установка и запуск - **Локальное хранение** в браузере (localStorage)
1. Склонируйте репозиторий: - **Удобный ввод** данных в формате "Сервис Логин Пароль"
``` - **Сортировка** по всем колонкам
git clone https://git.zorahm.ru/ZorahM/Password-Manager.git - **Безопасное отображение** паролей (скрыты по умолчанию)
``` - **Копирование** в буфер обмена
2. Откройте файл `index.html` в браузере: - **Экспорт/импорт** данных
``` - **Поиск** по записям
open index.html
```
Или используйте локальный сервер для запуска (например, через VS Code с расширением Live Server).
## Использование ## 🛠 Технологии
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, что означает, что они доступны только в том браузере, где были сохранены.
- Приложение не шифрует пароли — используйте его только для тестовых данных или в безопасной среде.
## Лицензия **Пароли хранятся в открытом виде** в localStorage браузера. Это означает, что:
Проект распространяется под лицензией MIT. Подробности в файле `LICENSE`. - Данные уязвимы при доступе к вашему компьютеру
- Пароли могут быть считаны другими расширениями
- При очистке кэша браузера данные будут потеряны
**Рекомендации**:
- Используйте только для неважных учетных записей
- Регулярно делайте экспорт данных
- Не используйте на общедоступных компьютерах
Для важных паролей рекомендуем:
- [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)
---
<div align="center">
<sub>Создано с ❤️ | Используйте с осторожностью</sub>
</div>