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

102
README.md
View File

@ -1,47 +1,81 @@
# Менеджер паролей
# 🔐 Password Manager - Менеджер паролей
## Описание
Простой веб-менеджер паролей, созданный с использованием HTML, TailwindCSS и JavaScript. Приложение позволяет пользователям вводить, хранить, сортировать и копировать пароли в удобной таблице. Данные сохраняются локально в браузере (localStorage), что обеспечивает доступ к паролям при повторных посещениях страницы.
Простой менеджер паролей для браузера с локальным хранением данных. Версия 1.1.0
## Основные функции
- **Добавление паролей**: Ввод данных в формате `Сервис Логин Пароль`.
- **Автоматическое сохранение**: Пароли сохраняются в localStorage после добавления.
- **Сортировка**: Возможность сортировки таблицы по любому столбцу (Сервис, Логин, Пароль) нажатием на заголовок столбца.
- **Копирование паролей**: Кнопка для копирования пароля в буфер обмена.
- **Современный дизайн**: Интерфейс с закругленными углами, градиентным фоном и цветовой схемой в красно-белых тонах.
> ⚠️ **Важное предупреждение**: Это не учебный проект, а реальный инструмент, но пароли хранятся в открытом виде в localStorage. Используйте на свой страх и риск! Не рекомендуется для хранения действительно важных паролей.
## Технологии
- **HTML5**: Для структуры страницы.
- **TailwindCSS**: Для стилизации интерфейса.
- **JavaScript**: Для обработки данных, сортировки и работы с localStorage.
## ✨ Основные возможности
## Установка и запуск
1. Склонируйте репозиторий:
```
- **Локальное хранение** в браузере (localStorage)
- **Удобный ввод** данных в формате "Сервис Логин Пароль"
- **Сортировка** по всем колонкам
- **Безопасное отображение** паролей (скрыты по умолчанию)
- **Копирование** в буфер обмена
- **Экспорт/импорт** данных
- **Поиск** по записям
## 🛠 Технологии
- **Чистый 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` в браузере:
```
open index.html
```
Или используйте локальный сервер для запуска (например, через VS Code с расширением Live Server).
## Использование
1. Введите данные в текстовое поле в формате `Сервис Логин Пароль` (каждая запись с новой строки).
2. Нажмите кнопку **Добавить**.
3. Данные отобразятся в таблице, автоматически сохранятся и будут доступны при следующем посещении.
4. Нажмите на заголовок столбца, чтобы отсортировать таблицу.
5. Нажмите на кнопку 📋 рядом с паролем, чтобы скопировать его.
2. Запустите приложение:
- Откройте `index.html` прямо в браузере
- Или используйте Live Server в VS Code
## Пример ввода
3. Начните использовать:
```
# Формат ввода (каждая запись с новой строки)
Сервис Логин Пароль
Gmail user123 Password!2023
Яндекс my_login SuperPass123
GitHub dev_user 8sDf!kL9
```
## Ограничения
- Данные хранятся в localStorage, что означает, что они доступны только в том браузере, где были сохранены.
- Приложение не шифрует пароли — используйте его только для тестовых данных или в безопасной среде.
## 🔒 Вопросы безопасности
## Лицензия
Проект распространяется под лицензией MIT. Подробности в файле `LICENSE`.
**Пароли хранятся в открытом виде** в 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)
---
<div align="center">
<sub>Создано с ❤️ | Используйте с осторожностью</sub>
</div>