notesGPT
几秒钟内从你的笔记中生成行动项目。由Convex、Together.ai和Whisper提供支持。
技术栈
- Convex 用于数据库和云函数
- Next.js App Router 作为框架
- Together Inference 用于LLM(Mixtral)
- Together Embeddings 用于搜索的嵌入
- Convex File Storage 用于存储语音笔记
- Convex Vector search 用于向量搜索
- Replicate 用于Whisper转录
- Clerk 用于用户认证
- Tailwind CSS 用于样式设计
部署你自己的版本
你可以通过设置以下服务并添加它们的环境变量来部署此模板:
- 运行
npm install
安装依赖。 - 运行
npm run dev
。它会提示你登录 Convex 并创建一个项目。 - 然后它会要求你提供
CLERK_ISSUER_URL
。要做到这一点:- 创建一个 Clerk 账户。
- 复制
CLERK_SECRET_KEY
和NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY
API密钥 到.env.local
。 - 执行这里的步骤1-3,并复制Issuer URL。
它应该看起来像
https://some-animal-123.clerk.accounts.dev
。 - 将
CLERK_ISSUER_URL
添加到你的 Convex 环境变量 (深层链接也在你的终端中可用)。将Issuer URL粘贴为值并点击"保存"。
- 现在你的前端和后端应该正在运行,你应该能够登录但无法录音。
- 创建一个 Together 账户以获取你的 API密钥。
- 创建一个 Replicate 账户以获取你的 API密钥。
- 在Convex中保存你的环境变量,分别为
REPLICATE_API_KEY
和TOGETHER_API_KEY
。
未来任务
- 保存录音以供将来播放,并在页面某处显示
- 使紫色麦克风动画与你的声音同步
- 存储已完成的行动项目以供将来使用,而不是完全删除它们
- 缩小登陆页面的文本/图像以适应多种屏幕尺寸
- 通过在输入文本时自动搜索,使搜索体验更加流畅
- 如果有简单的步骤,将其作为PWA使用
- 对摘要进行更多的提示工程,使其比当前显示的更有用
- 添加Notion集成,以便能够在那里获取文字记录+摘要+行动项目
- 根据Youssef的重新设计,进行UI更新以使其看起来更漂亮
- 能够在事后编辑行动项目并为它们设置截止日期
- 刷新时考虑仪表板页面的布局偏移 – 在内容上显示加载状态?
- 使行动项目动画消失+使复选框变圆+悬停时添加小的勾选图标
- 迁移到速度极快的whisper