D&D 角色构建器
这个仓库包含一个面向移动端优先设计的 D&D 角色创建应用,基于 React、Vite 和 Supabase 构建。它支持游客会话、魔法链接登录、草稿保存、已完成角色档案、公开分享页面,以及一个引导式多步骤创建流程,涵盖职业、背景、法术、装备、头像和升级逻辑。
它面向两类用户:
想通过引导式界面创建和管理角色的玩家
想运行、定制或部署该应用的开发者 / 运维人员
终端用户可以做什么
当前产品支持:
创建 1 级到 10 级的新角色
将未完成的角色保存为草稿
完成角色创建后将其保存在仪表盘中
通过魔法链接登录,或以游客身份开始使用
在仪表盘中删除草稿角色或已完成角色
选择职业、背景、法术、装备、头像,以及其他职业专属选项
通过分享页面公开分享已完成的角色
典型用户流程
打开应用。
选择以游客身份开始,或使用邮箱登录。
通过引导式向导创建角色。
如果还没完成,可以保存为草稿。
准备好后完成角色创建。
在仪表盘中查看已完成的角色。
如果角色可见性设置为公开,可以将其公开分享。
当前产品范围
当前分支中已实现的功能:
包含草稿角色和已完成角色分区的仪表盘
基于 Supabase 的游客模式和邮箱魔法链接认证
多步骤角色创建流程
中文职业 / 背景选择
法术选择、预备法术选择,以及职业专属选项
装备选择、回顾步骤和头像步骤
角色详情页和公开分享页
支持升级到 10 级的升级流程
草稿角色和已完成角色的删除确认
面向移动端的布局和按路由级别的懒加载
当前仍然保留的占位功能:
市场
战役
技术栈
React 19
TypeScript
Vite
React Router
React Hook Form
TanStack Query
Supabase
Tailwind CSS v4
Playwright
Vitest
点击空白处退出提示













评论