SignUpGenerator

一个用于生成临时注册资料的工具，支持生成邮箱、用户名、密码和姓名等信息，仅用于测试目的。

🚀 快速启动

方法一：使用启动脚本（推荐）

# 启动项目（自动处理进程管理）
./start.sh

# 停止项目
./stop.sh

方法二：手动启动

# 安装依赖
npm install

# 启动开发服务器
npm run dev

📋 脚本功能

start.sh

• ✅ 自动检测并杀死占用端口的旧进程
• ✅ 确保单实例运行
• ✅ 智能依赖检查和安装
• ✅ 彩色输出和友好提示
• ✅ 自动打开浏览器访问地址
• ✅ 进程监控和日志记录

stop.sh

• ✅ 优雅停止所有相关进程
• ✅ 清理临时文件和PID文件
• ✅ 彩色输出和状态反馈

🌐 访问地址

• 本地访问: http://localhost:54686
• 网络访问: http://[您的IP地址]:54686

🛠️ 技术栈

• 前端: React 18 + TypeScript
• UI库: Material-UI (MUI)
• 构建工具: Vite
• 数据存储: IndexedDB
• 数据生成: Faker.js

📂 项目结构

SignUpGenerator/
├── src/
│   ├── components/          # React组件
│   │   ├── MainLayout.tsx   # 主布局
│   │   ├── Navigation.tsx   # 导航栏
│   │   ├── ProfileCard.tsx  # 字段卡片
│   │   ├── SetupWizard.tsx  # 设置向导
│   │   ├── AdvancedSettings.tsx # 高级设置
│   │   ├── ActionButtons.tsx     # 操作按钮
│   │   └── UsedEmailsPage.tsx    # 已使用邮箱页面
│   ├── context/             # React Context
│   │   └── AppContext.tsx   # 应用状态管理
│   ├── types/               # TypeScript类型
│   │   └── index.ts         # 类型定义
│   ├── utils/               # 工具函数
│   │   ├── generators.ts    # 数据生成器
│   │   ├── indexedDB.ts     # IndexedDB工具
│   │   └── settingsDB.ts    # 设置存储
│   ├── App.tsx              # 应用入口
│   └── main.tsx             # 主入口
├── start.sh                 # 启动脚本
├── stop.sh                  # 停止脚本
├── package.json             # 项目配置
├── vite.config.ts           # Vite配置
└── README.md                # 项目说明

✨ 主要功能

🎯 注册资料生成

• 邮箱地址生成（支持自定义域名）
• 用户名生成（基于姓名关联）
• 安全密码生成（可配置复杂度）
• 真实姓名生成（中英文支持）

⚙️ 高级配置

• 自定义邮箱域名管理
• 密码生成规则配置
• 用户名长度设置
• 数据生成偏好设置

📊 数据管理

• 已使用邮箱记录
• 数据筛选和搜索
• 批量导出功能
• 本地数据存储

🔧 用户体验

• 响应式设计
• 深色/浅色主题
• 国际化支持
• 无障碍访问

⚠️ 免责声明

本工具仅用于辅助测试目的，严禁用于任何非法用途。用户需对使用本工具产生的任何后果承担全部责任。

📝 开发说明

环境要求

• Node.js >= 16
• npm >= 8

开发模式

npm run dev          # 启动开发服务器
npm run build        # 构建生产版本
npm run preview      # 预览生产版本
npm run lint         # 代码检查

端口配置

项目默认运行在端口 54686，该端口已在配置中固定，请勿修改。

🤝 贡献

欢迎提交 Issue 和 Pull Request 来改进这个项目。

📄 许可证

MIT License