多人减肥活动
返回项目列表
Terminal window
多人减肥活动
已发布ReactTypeScriptExpress健康管理
一个功能完善的减肥活动管理与数据追踪平台:支持 300+ 参与者的智能排行榜、减重趋势可视化、Excel 批量导入与 AI 数据分析。React + TypeScript + Express 全栈,Vercel 一键部署。

项目简介
🏃♂️ 一个功能完善的减肥活动管理与数据追踪平台——为”百日减重挑战营”这类活动而生:参与者体重打卡、排名竞争、趋势复盘,一站搞定。
功能特性
- 📊 智能排行榜 - 支持 300+ 参与者的实时排名,吸顶表头,快速定位自己
- 📈 数据可视化 - 使用 Recharts 展示减重趋势和进度图表
- 📱 响应式设计 - 完美适配桌面端和移动端
- 🔐 用户认证 - 安全的登录系统,支持管理员和普通用户角色
- 📁 Excel 导入 - 支持从 Excel 文件批量导入参与者数据
- 🤖 AI 配置 - 集成 AI 功能,智能分析减重数据
- 🎨 新粗野主义设计 - 独特的视觉风格,大胆的色彩和阴影效果
技术栈
前端:React 18 + TypeScript + Vite + Tailwind CSS + React Router + Zustand + Recharts
后端:Express.js + TypeScript + XLSX 数据处理
部署:Vercel(前端 + Serverless API 一键部署)
快速开始
# 克隆项目git clone https://github.com/Pankitgg/Weightloss.gitcd Weightloss
# 安装依赖pnpm install
# 同时启动前端和后端开发服务器pnpm dev前端运行在 http://localhost:5173,后端 API 运行在 http://localhost:3000。数据存储在 data.xlsx 文件中,无需额外数据库。
部署
项目已配置好 Vercel 部署,支持前端和 API 一起部署——连接 GitHub 仓库到 Vercel 即可自动部署,部署前配置 ADMIN_PASSWORD、JWT_SECRET 等环境变量。
MIT License © Pankitgg













