Meta Dashboard - 大模型时代的超级个体独立开发任务管理面板 🚀

赋能"一年100个AI产品挑战"的全栈项目管理解决方案，让独立开发者在AI时代事半功倍

开发不易，求个小星星✨

👣示例

https://100.agitao.net/

👀欢迎加入微信交流群

✨ 功能特性

🤖 AI增强开发

• AI项目生成器 - 基于OpenAI API，从创意描述自动生成完整项目结构
• 想法AI转化 - 社区优秀想法自动转化为标准项目，标注创意来源
• 智能项目分析 - AI辅助项目规划和技术栈推荐
• 多语言支持 - 中英文双语AI生成，适配国际化开发

📊 项目管理核心

• 可视化看板 - 直观展示100个AI项目的进展状态
• 项目历史追踪 - 完整记录进度更新、状态变更、里程碑和手动笔记
• 全局活动时间线 - 跨项目的统一历史视图，掌控全局开发节奏
• 任务管理 - 支持新增任务，Markdown格式详细描述

👤 个人品牌建设

• 简历管理系统 - 版本控制、状态跟踪、一键发布公开简历
• 项目作品集 - 自动聚合项目成果，展示开发历程
• 开发者档案 - 记录技能成长轨迹和项目经验

💬 社区互动

• 想法征集系统 - 用户提交创意想法，社区投票排名，AI转化优秀想法为项目
• 智能投票机制 - 每人每个想法最多投2票，每日投票限制，防止刷票
• 评论系统增强 - 支持图片、视频等多媒体附件上传预览
• 团队协作 - 基于角色的权限管理（admin/viewer）
• 微信生态集成 - 支持微信登录、群二维码管理

🛠️ 开发者友好

• OAuth多平台 - GitHub、Google、微信账号登录
• 国际化 - 完整的中英文双语界面
• 云存储集成 - OSS文件上传服务，支持多种文件格式
• 响应式设计 - 适配移动端和桌面端开发场景

📈 数据洞察

• 管理员统计面板 - 项目数据可视化分析
• 进度追踪 - 量化开发效率和项目完成情况
• 站点配置管理 - 灵活的平台参数配置

🛠️ 技术栈

• 后端: Node.js + Express + SQLite + OpenAI API
• 前端: Vue.js 3 + Vite + Element Plus + SCSS
• 认证: OAuth 2.0 (GitHub + Google + 微信公众号)
• 存储: SQLite + 腾讯云COS/阿里云OSS
• AI集成: OpenAI GPT + 智能项目生成
• 国际化: Vue I18n 多语言支持
• 文件处理: Multer + 多媒体附件管理

🚀 快速开始

安装依赖

```bash npm run install:all ```

开发环境运行

```bash npm run dev ```

生产环境部署

```bash npm run build npm start ```

OAuth 登录配置

环境变量配置

为了确保 GitHub 和 Google 登录回调能正确重定向到前端应用，需要配置以下环境变量：

服务端环境变量 (.env)

# 前端应用的完整URL（重要！）
FRONTEND_URL=https://your-frontend-domain.com

# OAuth 应用配置
GITHUB_CLIENT_ID=your-github-client-id
GITHUB_CLIENT_SECRET=your-github-client-secret
GOOGLE_CLIENT_ID=your-google-client-id
GOOGLE_CLIENT_SECRET=your-google-client-secret

# 微信公众号OAuth配置（网页授权，支持二维码登录）
WECHAT_OA_APPID=your-wechat-oa-appid
WECHAT_OA_SECRET=your-wechat-oa-secret
# 管理员微信昵称列表（多个用逗号分隔）
ADMIN_WECHAT_NICKNAMES=管理员昵称1,管理员昵称2,管理员昵称3

# 管理员配置（用于GitHub和Google登录）
ADMIN_GITHUB_USERNAME=your-admin-github-username
ADMIN_EMAIL=your-admin-email@example.com

# 可选：自定义OAuth回调URL基础路径
OAUTH_CALLBACK_BASE_URL=https://your-api-domain.com

客户端环境变量 (.env)

# API服务器的完整URL
VITE_API_BASE_URL=https://your-api-domain.com

部署注意事项

1. FRONTEND_URL 是最关键的配置，它告诉API服务器登录成功后应该重定向到哪个前端应用URL
2. 如果不配置 FRONTEND_URL，生产环境默认重定向到 https://your-frontend-domain.com（需要手动修改）
3. 开发环境默认重定向到 http://localhost:5100

角色管理系统

系统支持两种用户角色：

• admin: 管理员角色，拥有完整的项目管理权限
• viewer: 访客角色，只能查看项目和发表评论

角色分配规则

1. GitHub登录: 如果用户名匹配 ADMIN_GITHUB_USERNAME 环境变量，则为admin角色
2. Google登录: 如果邮箱匹配 ADMIN_EMAIL 环境变量，则为admin角色
3. 微信登录: 如果微信昵称在 ADMIN_WECHAT_NICKNAMES 列表中，则为admin角色
4. 本地注册: 默认为viewer角色

微信认证特殊说明

• 微信登录成功后，管理员用户会自动重定向到 /admin 页面
• 普通用户重定向到首页
• 支持基于微信昵称的细粒度权限控制
• 微信用户信息会自动同步更新（头像、昵称等）

登录流程

1. 用户点击登录按钮
2. 自动保存当前页面路径
3. 跳转到 OAuth 提供商授权
4. 授权成功后回调到服务端
5. 服务端重定向到前端应用的原始页面

📱 使用说明

🎯 管理员功能（创作者专属）

• AI项目生成器 - 输入创意描述，AI自动生成项目结构和技术方案
• 想法征集管理 - 审核社区想法，采纳优秀创意，AI转化为标准项目
• 项目全生命周期管理 - 新增/编辑/删除项目，跟踪开发进度和里程碑
• 简历管理系统 - 编辑个人简历，版本控制，一键发布公开简历
• 内容管理 - 管理用户评论，上传多媒体附件，配置站点参数
• 数据分析 - 查看项目统计数据，分析开发效率和成果

👥 用户功能（访客体验）

• 项目浏览 - 查看所有AI项目进展，了解开发者的创作历程
• 想法征集 - 提交创意想法，参与社区投票，影响项目开发方向
• 智能投票 - 每个想法最多投2票，每日限额10票，公平参与排名
• 详细了解 - 点击项目查看完整描述、技术栈和开发记录
• 互动交流 - 登录后发表评论，上传图片/视频附件参与讨论
• 历史追踪 - 查看全局项目活动时间线，见证成长轨迹
• 多语言支持 - 中英文界面切换，适配不同用户群体

🔧 AI增强功能

• 智能项目规划 - 基于OpenAI的项目生成和优化建议
• 想法智能转化 - 社区热门想法自动转化为完整项目，保留创意来源
• 投票数据分析 - 基于社区投票趋势分析热门技术方向
• 自动化文档 - AI辅助生成项目描述和技术文档
• 趋势分析 - 基于历史数据的开发模式洞察

💡 想法征集系统

📝 功能流程

1. 想法提交 - 登录用户可提交创意想法（标题+描述+详细内容）
2. 社区投票 - 其他用户为想法投票（每个想法最多2票，每日总限额10票）
3. 管理审核 - 管理员根据投票情况和质量评估采纳/拒绝想法
4. AI转化 - 被采纳的想法通过AI自动转化为标准项目结构
5. 项目上线 - 转化后的项目加入主项目列表，标注创意来源

🎯 设计理念

• 民主化创新 - 让社区参与决定项目开发方向
• 公平投票机制 - 防止刷票，确保真实社区声音
• AI赋能转化 - 将创意快速转化为可执行项目
• 创意归属保护 - 明确标注想法来源，尊重原创者

🎯 项目愿景

在大模型时代，每个开发者都有机会成为超级个体

Meta Dashboard 致力于打造独立开发者的数字化管理中心，配合"一年100个AI产品挑战"计划：

📝 全程记录成长轨迹

• 从创意闪现到产品上线的完整开发历程
• AI辅助的项目规划和技术决策过程
• 开发踩坑经验和问题解决方案库

🚀 加速产品开发效率

• AI项目生成器快速启动新想法
• 标准化的项目管理流程和模板
• 跨项目的知识复用和最佳实践沉淀

🌟 构建个人开发者品牌

• 可视化的项目作品集和技能成长图谱
• 公开简历和开发者档案一键生成
• 基于真实项目的能力证明和影响力展示

🔄 持续优化迭代循环

• 数据驱动的项目复盘和策略调整
• 社区想法征集和投票驱动创新方向
• 用户反馈收集和产品迭代管理
• AI辅助的想法转化和项目孵化平台

让AI成为你的编程伙伴，让数据指导你的决策，让每个项目都成为个人品牌的积淀！

---

"在AI让我们真正只做想做的事之前——我们先做一件足够挑战自己的事"