生死簿应用 - 技术栈

生死簿应用 (Book of Life and Death)

一个基于浏览器的交互式命运抉择应用，让用户创建角色并体验不同命运事件的影响。

在线访问

功能特点

角色创建与管理：创建个性化角色，设置姓名、年龄和背景故事
命运抉择系统：角色会遇到各种随机事件，每次抉择都会影响角色的命运
阎王系统：阎王的心情会随机变化，并影响角色在关键时刻的存活率
角色状态追踪：记录角色的健康、智力、运气等属性变化
本地存储：使用localStorage保存角色数据，刷新页面不丢失
响应式设计：适配各种屏幕尺寸的设备

技术栈

前端：HTML5, JavaScript
样式：Tailwind CSS
图标：Font Awesome
本地存储：localStorage
开发服务器：serve

安装与运行

克隆或下载本项目
安装依赖

bash 复制代码

npm install

启动开发服务器

bash 复制代码

npm start

在浏览器中打开 http://localhost:3000

项目结构

bash 复制代码

/Users/wuzhenyong/work_ws/project/trae_ai/book-life-death/
├── .vercel/                  # Vercel部署配置
├── dist/                     # 编译后的样式文件
├── index.html                # 主HTML文件
├── package-lock.json         # 依赖版本锁定文件
├── package.json              # 项目依赖配置
├── postcss.config.js         # PostCSS配置
├── src/                      # 源代码目录
│   ├── app.js                # 应用主要逻辑
│   └── styles.css            # 自定义样式
└── tailwind.config.js        # Tailwind CSS配置

使用说明

创建角色：点击"创建角色"按钮，填写角色信息并提交
查看角色：点击角色卡片查看详细信息和状态
命运抉择：在角色详情页点击"遭遇命运"按钮，体验随机事件
阎王影响：命运事件中会显示阎王当前心情和对存活率的影响
管理角色：可以编辑或删除已创建的角色

部署

本应用可以轻松部署到以下平台：

Vercel ：直接导入代码仓库，配置构建命令为npm install，输出目录为当前目录
Netlify ：连接GitHub仓库，设置构建命令为npm install，发布目录为当前目录
GitHub Pages：构建项目后，将文件部署到gh-pages分支

注意事项

本应用使用localStorage存储数据，仅保存在当前浏览器中，不会同步到其他设备
刷新页面不会丢失数据，但清除浏览器缓存会导致数据丢失
阎王的心情会随机变化，每次命运事件都有不同的体验

开发者

由AI助手协助开发