一个优雅、现代的塔罗牌在线占卜应用,内置78张完整塔罗牌,支持多种经典牌阵,响应式设计完美适配所有设备。
🎬 塔罗牌占卜应用完整演示="./video.mp4"
- 78张完整塔罗牌:包含22张大阿卡纳和56张小阿卡纳
- 多种经典牌阵:单张牌阵、三张牌阵、凯尔特十字等
- 专业解读:每张牌配有详细正逆位解读
- 历史记录:自动保存占卜记录,随时回顾
- 移动优先:完美适配手机、平板、桌面
- 触摸优化:流畅的移动端交互体验
- 快速加载:优化的图片和代码,3秒内加载完成
- 现代UI:简洁优雅的设计风格
- 动态效果:流畅的翻牌和过渡动画
- 塔罗主题:深色/浅色主题切换
- 高清卡牌:精美的塔罗牌插画
部署地址:https://vercel.com/new/clone?repository-url=https://github.com/Ibook000/Tarot-Insight
# 克隆项目
git clone https://github.com/Ibook000/Tarot-Insight.git
cd Tarot-Insight
# 安装依赖
npm install
# 启动开发服务器
npm run dev
# 构建生产版本
npm run build- 单张占卜:快速获取今日指引
- 三张牌阵:过去-现在-未来时间线解读
- 爱情牌阵:专门针对感情问题的牌阵
- 事业牌阵:工作、学业相关占卜
- 单张牌阵:简洁直接的问题解答
- 三张牌阵:时间线或问题分析
- 凯尔特十字:最完整的10张牌综合占卜
- 关系牌阵:双人关系的深度解读
- 大阿卡纳:22张主牌完整收录
- 小阿卡纳:56张副牌,包含四花色
- 详细解读:每张牌正逆位详细解释
- 牌意搜索:快速查找特定牌意
- 框架:Next.js 15 (App Router)
- 语言:TypeScript 5
- 样式:Tailwind CSS 4
- 组件:Radix UI + Shadcn/ui
- 部署:Vercel (零配置)
- 图标:Lucide React
tarot-insight/
├── src/
│ ├── app/ # Next.js App Router
│ │ ├── cards/ # 塔罗牌展示
│ │ ├── draw/ # 抽牌页面
│ │ ├── spreads/ # 牌阵选择
│ │ └── result/ # 占卜结果
│ ├── components/ # React组件
│ └── lib/ # 工具函数
├── public/
│ └── cards/ # 塔罗牌图片资源
├── prisma/ # 数据库schema(已移除依赖)
└── .github/ # GitHub Actions配置
- 访问:https://tarot-insight.vercel.app
- 选择牌阵
- 开始占卜
- 查看详细解读
- 点击上方部署按钮
- 选择GitHub仓库
- 点击"Deploy"
- 等待30秒完成部署
- 在线体验:https://tarot-insight.vercel.app
- GitHub仓库:https://github.com/Ibook000/Tarot-Insight
- 部署教程:查看
VERCEL_DEPLOY.md - 问题反馈:Issues
- PWA支持:可安装为桌面应用
- 离线使用:支持离线查看已占卜记录
- 分享功能:一键分享占卜结果到社交媒体
- 神秘主题:专为塔罗设计的配色方案
- 动态背景:星空和宇宙元素
- 塔罗字体:优雅的手写风格字体
- 交互动画:流畅的翻牌和切换效果
- ✅ 78张完整塔罗牌
- ✅ 多种经典牌阵
- ✅ 响应式设计
- ✅ 一键Vercel部署
- ✅ 移动端优化
- 日常指引:每日塔罗抽卡
- 情感咨询:爱情关系占卜
- 事业决策:工作学业选择
- 自我探索:个人成长指引
- 朋友娱乐:聚会塔罗游戏