README.zh-CN.md

轮回之旅

一个引人入胜的网页应用，模拟轮回转世的体验，让用户探索不同国家和社会背景下的人生际遇。

English | 简体中文

✨ 特性

• 🌍 全球分布: 通过交互式世界地图体验不同国家的轮回
• 📊 动态统计: 通过生动的图表可视化社会阶层和出生地分布
• 🎭 特殊事件: 随机触发独特的人生际遇
• 🌓 深色/浅色模式: 无缝切换深色和浅色主题
• 🔊 音效: 沉浸式的交互音效反馈
• 🌐 多语言: 支持中文和英文
• 📱 响应式设计: 同时适配桌面和移动设备
• 📤 分享功能: 轻松分享结果到各个平台

🛠️ 技术栈

• 框架: Next.js 14
• 语言: TypeScript
• 样式: Tailwind CSS
• UI组件: shadcn/ui
• 动画: Framer Motion
• 图表: Chart.js with react-chartjs-2
• 地图: react-simple-maps
• 国际化: i18next
• 主题: next-themes

🚀 开始使用

环境要求

• Node.js 18+ 和 npm

安装

1. 克隆仓库

git clone https://github.com/ChanMeng666/journey-of-reincarnation2.git
cd journey-of-reincarnation2

2. 安装依赖

npm install

3. 运行开发服务器

npm run dev

4. 用浏览器打开 http://localhost:3000

构建

npm run build

🌟 使用说明

1. 点击"开始旅程"按钮开始你的轮回之旅
2. 查看你的新生命信息，包括国家、性别、社会阶层等
3. 探索世界地图查看你的出生地
4. 查看统计数据了解全球分布情况
5. 与朋友分享你的结果
6. 重新投胎体验不同的可能性

📦 项目结构

src/
├── app/               # Next.js 应用目录
├── components/        # React 组件
│   ├── ui/           # UI 组件
│   └── layout/       # 布局组件
├── contexts/         # React 上下文
├── hooks/            # 自定义钩子
├── i18n/             # 国际化
├── lib/              # 工具函数
└── types/            # TypeScript 类型

🤝 贡献

欢迎贡献！请随时提交 Pull Request。

1. Fork 项目
2. 创建特性分支 (git checkout -b feature/AmazingFeature)
3. 提交更改 (git commit -m 'Add some AmazingFeature')
4. 推送到分支 (git push origin feature/AmazingFeature)
5. 开启 Pull Request

📄 许可证

本项目采用 MIT 许可证 - 查看 LICENSE 文件了解详情。

创作者

Chan Meng

• LinkedIn: chanmeng666
• GitHub: ChanMeng666