发布于 2026/02/12 10:55/编辑于 2026/03/01 10:50/sudoku
RavelloH (@ravelloh)/https://ravelloh.com/projects/sudoku
LOADING...
一个现代化的数独游戏应用,包含挑战/批量生成可打印文件/自动求解/历史记录/云同步/回放等功能
一个现代化的数独游戏应用,包含挑战/批量生成可打印文件/自动求解/历史记录/云同步/回放等功能,基于 Next.js 15 构建,提供完整的数独游戏体验和智能功能。
Tailwind CSS: 原子化CSS框架
shadcn/ui: 基于Radix UI的组件库
自定义主题: 支持自定义颜色和样式
动画效果: 使用Framer Motion实现流畅动画
确保所有测试通过
MIT
RavelloH's Sudoku - 享受数独的乐趣,提升你的逻辑思维!
src/
├── app/ # Next.js App Router
│ ├── layout.tsx # 根布局组件
│ ├── page.tsx # 主页面
│ └── globals.css # 全局样式
├── components/ # React组件
│ ├── ui/ # shadcn/ui基础组件
│ ├── challenge-mode.tsx # 挑战模式
│ ├── generate-mode.tsx # 批量生成模式
│ ├── solver-mode.tsx # 自动解题模式
│ ├── history-mode.tsx # 历史记录模式
│ ├── sudoku-app.tsx # 主应用组件
│ └── sudoku-grid.tsx # 数独网格组件
├── lib/ # 核心逻辑库
│ ├── sudoku.ts # 数独游戏逻辑
│ ├── storage.ts # 存储管理
│ ├── cloud-storage.ts # 云存储管理
│ └── utils.ts # 工具函数
└── types/ # TypeScript类型定义
└── sudoku.ts # 数独相关类型# 克隆项目
git clone https://github.com/ravelloh/sudoku.git
cd sudoku
# 安装依赖
pnpm install
# 启动开发服务器
pnpm dev
# 打开浏览器访问 http://localhost:3000# 创建生产构建
pnpm build
# 运行生产服务器
pnpm start
# 代码检查
pnpm lint