视频加载失败

多人减肥活动

返回项目列表
多人减肥活动
已发布
React/TypeScript/Express/健康管理

一个功能完善的减肥活动管理与数据追踪平台:支持 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 一键部署)

快速开始#

Terminal window
# 克隆项目
git clone https://github.com/Pankitgg/Weightloss.git
cd 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

Profile Image of the Author
Pankitgg
Hello, I'm Pankitgg.
公告
欢迎来到我的博客!长路漫漫,人间相遇便是缘。
分类
标签
最新动态
站点统计
文章
33
分类
4
标签
62
总字数
107,248
运行时长
0 天
最后活动
0 天前
文章目录