项目
Défi de Con
每日挑战平台,含连胜统计、排行榜与管理后台,基于 Next.js 与 Supabase 构建。

关于该项目
Défi de Con 是一个游戏化的每日挑战平台,基于 Next.js(App Router、Server Components 与 Server Actions)、React 与 Supabase(PostgreSQL + Row Level Security、Auth、Storage)。每个挑战自定义动态字段——数字、时长、文本、日期、布尔、文件、图片——以及按日期推进的渐进目标,状态在草稿 → 进行中 → 已结束之间切换,由每天 01:00 运行的 Vercel cron 推动。游戏化层按提交发放积分,附带连击奖励、按类别解锁的徽章与实时排行榜。仪表盘展示 14 天活跃度图表(Recharts)、周度对比组件,以及 canvas-confetti 完成动画。后台支持挑战 CRUD、用户管理、徽章配置、手动数值调整与 Excel 导出。表单使用 Zod + React Hook Form,日期使用 date-fns,提示使用 Sonner,深色 UI 由 Tailwind 打造,呈现冷峻的健身游戏化风格,带霓虹绿与橙色点缀。