surwasesrushti1103-ux/securepass-final

# SecurePass AI 🛡️ 一个现代的、由 AI 驱动的网络安全 Web 应用程序，使用 React、Vite、Tailwind CSS v4、Framer Motion 和 Supabase 构建。 旨在成为一个令人印象深刻的个人作品集和黑客松项目。  ## 功能 🚀 - **实时密码分析器**：评估密码强度并计算精确的熵值。 - **泄露检测**：使用 k-Anonymity (SHA-1 散列) 与 `HaveIBeenPwned` API 集成，以检测密码是否在已知的数据泄露中被盗用。 - **攻击模拟器**：可视化演示暴力破解和字典攻击是如何发生的。 - **安全生成器**：使用 `crypto.getRandomValues` 在浏览器本地生成加密安全的密码。 - **威胁分析仪表板**：使用 Recharts 可视化模拟的全球威胁数据。 - **Supabase 身份验证**：安全的用户登录和注册工作流。 ## 技术栈 💻 - **前端**：React 19、Vite、Tailwind CSS v4 - **动画**：Framer Motion - **图标**：Lucide React - **数据可视化**：Recharts - **密码强度**：`zxcvbn` - **后端和认证**：Supabase ## 入门指南 🛠️ ### 前置条件 - Node.js (v18+) - 一个 [Supabase](https://supabase.com) 账户 ### 设置 1. **克隆仓库** (如果你尚未克隆)： git clone https://github.com/your-username/securepass-ai.git cd securepass-ai 2. **安装依赖**： npm install 3. **设置环境变量**： 在根目录创建一个 `.env` 文件并添加你的 Supabase 密钥： VITE_SUPABASE_URL=your-supabase-url VITE_SUPABASE_ANON_KEY=your-supabase-anon-key 4. **运行开发服务器**： npm run dev 打开 `http://localhost:5173` 在浏览器中查看。 ## 部署到 Vercel ☁️ 1. **将你的代码推送到 GitHub**： 创建一个新仓库并推送你的本地代码。 2. **在 Vercel 上导入项目**： - 前往 [Vercel](https://vercel.com)。 - 点击 "Add New..." -> "Project"。 - 导入你的 GitHub 仓库。 3. **配置环境变量**： - 在 Vercel 的 "Environment Variables" 部分中，添加： - `VITE_SUPABASE_URL` - `VITE_SUPABASE_ANON_KEY` 4. **部署**： - 点击 "Deploy"。Vercel 将自动检测 Vite 并运行 `npm run build`。 - 你的应用程序将通过高性能边缘 CDN 上线！ ## 许可证 📄 MIT License

标签：Atomic Red Team, ATT&CK, Framer Motion, HaveIBeenPwned, k-Anonymity, React, Recharts, Supabase, Syscalls, Tailwind CSS, Vite, 人工智能, 威胁分析, 字典攻击模拟, 密码分析, 密码安全, 密码强度检测, 密码熵计算, 密码生成器, 数据泄露检测, 暴力破解模拟, 用户体验设计, 用户模式Hook绕过, 网络安全, 网络安全可视化, 自动化侦查工具, 自定义脚本, 隐私保护, 黑客马拉松项目