Skip to content

Latest commit

 

History

History
229 lines (170 loc) · 8.89 KB

File metadata and controls

229 lines (170 loc) · 8.89 KB

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

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

开发不易,求个小星星✨

👣示例

https://100.agitao.net/

image image

👀欢迎加入微信交流群

100个AI项目交流群

✨ 功能特性

🤖 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让我们真正只做想做的事之前——我们先做一件足够挑战自己的事"