Веб-приложение для проверки безопасности паролей и email-адресов, а также генерации надежных паролей.
- Проверка email на потенциальные утечки
- Анализ надежности паролей
- Генератор надежных паролей с настраиваемыми параметрами
- Информация об утечках и рекомендации по безопасности
- Next.js
- TypeScript
- Tailwind CSS
- Framer Motion
- Клонируйте репозиторий:
git clone [url-репозитория]
cd password-security-checker- Установите зависимости:
npm install- Запустите приложение:
npm run devПриложение будет доступно по адресу http://localhost:3000
- Введите email или пароль для проверки
- Получите информацию о потенциальных рисках и рекомендации
- Используйте генератор паролей для создания надежных паролей
- Вся проверка выполняется локально
- Данные не отправляются на внешние сервисы
- Используются современные алгоритмы анализа безопасности
MIT
first-one/
├── src/
│ └── app/
│ ├── api/ # API роуты
│ ├── components/ # React компоненты
│ ├── utils/ # Утилиты и хелперы
│ ├── page.tsx # Главная страница
│ ├── layout.tsx # Корневой layout
│ └── globals.css # Глобальные стили
├── public/ # Статические файлы
├── .next/ # Скомпилированные файлы Next.js
└── конфигурационные файлы
npm run dev- Запуск проекта в режиме разработкиnpm run build- Сборка проекта для продакшенаnpm run start- Запуск собранного проектаnpm run lint- Проверка кода линтером
Проект использует следующие конфигурационные файлы:
tsconfig.json- Настройки TypeScripttailwind.config.ts- Конфигурация Tailwind CSSnext.config.ts- Конфигурация Next.jspostcss.config.mjs- Настройки PostCSSeslint.config.mjs- Правила линтинга.env.local- Локальные переменные окружения
- ESLint для линтинга кода
- Tailwind CSS для стилизации
- TypeScript для типизации
- Различные типы (@types/react, @types/node и др.)
- Используйте TypeScript для всех новых компонентов и функций
- Следуйте структуре проекта при добавлении новых файлов
- Используйте компоненты Chakra UI для UI элементов
- Для управления состоянием используйте Zustand
- Для аутентификации используйте NextAuth.js
- Node.js (версия, совместимая с Next.js 15.2.1)
- npm или yarn для управления пакетами
- Клонировать репозиторий
- Установить зависимости:
npm install - Создать файл
.env.localи добавить необходимые переменные окружения - Запустить в режиме разработки:
npm run dev - Открыть http://localhost:3000 в браузере
Проект можно развернуть на любой платформе, поддерживающей Next.js, например:
- Vercel
- Netlify
- AWS
- Docker контейнер
Для продакшен сборки используйте команду npm run build, затем npm run start для запуска.
Это базовая документация вашего проекта. Если вам нужна более подробная информация о каких-то конкретных аспектах или компонентах, дайте знать, и я помогу детализировать нужные разделы.