Click for English Version / 点击查看英文版本
Lucky Draw is a web application developed using Cursor IDE, specifically designed to help children overcome decision paralysis when choosing homework assignments. The application transforms homework selection into an engaging and fun experience through an interactive card-drawing system.
- 🎯 Random homework assignment selection
- 🎨 Beautiful 3D card animation effects
- 🎉 Celebratory confetti effects
- 🔊 Interactive sound effects
- ⚙️ Customizable prize settings
- 🔄 Reset functionality
- 🔐 Password-protected settings (using current date as password)
- 🔒 Child lock feature for parental control
- 📱 Responsive design for mobile devices
- 🎯 Enhanced prize list display with visual feedback
Experience the application at: https://lucky-draw.v2ex.com.cn/
- Next.js
- React
- TypeScript
- Styled Components
- Canvas Confetti
This project was born from a father's love, aiming to solve his daughter's homework decision-making difficulties. By turning homework selection into a fun game, it helps reduce anxiety and makes the process more enjoyable.
福袋抽奖是一个使用 Cursor IDE 开发的网页应用，专门设计用来帮助孩子克服选择作业时的困扰。通过互动的抽卡系统，将作业选择转变为一个有趣的体验。
- 🎯 随机作业任务抽取
- 🎨 精美的 3D 卡片动画效果
- 🎉 抽中奖品时的撒花效果
- 🔊 互动音效
- ⚙️ 可自定义奖品设置
- 🔄 重新开始功能
- 🔐 设置密码保护（使用当天日期作为密码）
- 🔒 童锁功能（家长控制）
- 📱 移动端适配优化
- 🎯 优化奖品列表显示和视觉反馈
访问地址：https://lucky-draw.v2ex.com.cn/
- Next.js
- React
- TypeScript
- Styled Components
- Canvas Confetti
这个项目源于一位父亲的爱心，旨在解决女儿在做作业时的选择困难问题。通过将作业选择转变为一个有趣的游戏，帮助减轻焦虑，让整个过程变得更加愉快。
- 打开应用后，可以看到多张彩色卡片在旋转
- 点击"抽取福袋"按钮开始抽取
- 抽中的作业会以动画效果展示
- 可以通过设置按钮自定义作业内容（密码为当天日期，如：20240301）
- 右上角提供音效开关和重置功能
- 童锁功能：
- 点击 🔓 按钮并输入密码可以开启童锁
- 开启童锁（🔒）后，修改设置需要输入密码
- 关闭童锁也需要输入密码验证
- 优化的奖品列表：
- 清晰显示所有可选作业
- 已抽取的作业会有特殊标记
- 支持响应式布局，适配各种屏幕尺寸
本项目使用 Cursor IDE 开发，这是一个强大的 AI 辅助编程工具，极大提升了开发效率。
欢迎提出建议和改进意见！如果你有任何想法，请随时提出 issue 或 pull request。
MIT License