1.1.0
This commit is contained in:
parent
238b8d5b07
commit
869e2b4110
102
README.md
102
README.md
@ -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>
|
Loading…
Reference in New Issue
Block a user