How holynova/gushi_namer works
古诗文起名是一款从古典诗词中生成带出处的名字,并支持收藏、备份和分享的前端应用。用户选择典籍、输入姓氏后,应用加载典籍数据并生成候选;随后可查看出处、收藏名字,或在收藏页导入导出记录。分享卡片由名字卡片生成。认证界面与 Supabase 集成也存在于代码中,但其与主起名流程的连接未在所示证据中确认。
Main entry points: App.tsx 应用与流程 · AuthContext.tsx 认证状态 · AuthModal.tsx 认证弹窗 · namer.ts 名字生成器
Components 20
起名与典籍
名字分享
- 名字卡片
src/components/NameCard.tsx
账户认证
- 认证弹窗
src/components/Auth/AuthModal.tsx - 登录表单
src/components/Auth/LoginForm.tsx - 注册表单
src/components/Auth/RegisterForm.tsx - 密码重置表单
src/components/Auth/ResetPasswordForm.tsx - 认证状态
src/contexts/AuthContext.tsx - Supabase 客户端
src/config/supabase.ts - Supabase 服务
- 用户菜单
src/components/Auth/UserMenu.tsx - 用户头像
src/components/Auth/UserAvatar.tsx
Connections 21
- 使用者 → 应用与流程: 使用
README.md - 应用与流程 → 典籍选择: 呈现选择
src/App.tsx - 应用与流程 → 姓氏输入: 呈现输入
src/App.tsx - 应用与流程 → 名字生成器: 生成候选
src/App.tsx - 名字生成器 → 典籍 JSON: 读取典籍
src/utils/namer.ts - 名字生成器 → 随机选择: 调用随机选择
src/utils/namer.ts - 应用与流程 → 名字卡片: 呈现候选
src/App.tsx - 应用与流程 → 本地收藏存储: 检查与切换收藏
src/App.tsx - 应用与流程 → 收藏页: 打开收藏页
src/App.tsx - 应用与流程 → 关于页面: 打开关于页
src/App.tsx - 收藏页 → 本地收藏存储: 读写与导入导出
src/components/FavoritesPage.tsx - 收藏页 → 名字卡片: 呈现收藏
src/components/FavoritesPage.tsx - 认证弹窗 → 登录表单: 呈现表单
src/components/Auth/AuthModal.tsx - 认证弹窗 → 注册表单: 呈现表单
src/components/Auth/AuthModal.tsx - 认证弹窗 → 密码重置表单: 呈现表单
src/components/Auth/AuthModal.tsx - 登录表单 → 认证状态: 调用认证
src/components/Auth/LoginForm.tsx - 注册表单 → 认证状态: 调用认证
src/components/Auth/RegisterForm.tsx - 认证状态 → Supabase 客户端: 调用客户端
src/contexts/AuthContext.tsx - Supabase 客户端 → Supabase 服务: 连接服务
src/config/supabase.ts - 用户菜单 → 认证状态: 读取认证状态
src/components/Auth/UserMenu.tsx - 用户菜单 → 用户头像: 呈现头像
src/components/Auth/UserMenu.tsx