我用 AI 开发了一款个人小记系统

note.iiter.cn

项目背景

在日常工作和学习中,我们经常需要快速记录一些想法、收藏一些有用的链接或者保存一些重要的文本、图片内容。虽然市面上已经有很多笔记软件,但我想要一个更轻量、更简单的工具,专注于快速记录和智能检索。于是我开发了这款个人小记系统。

系统特点

1. 轻量级存储

  • 支持文本、链接、图片多种类型的内容
  • 适用于灵感记录、网址收藏、常用语收集
  • 图片支持 OCR 识别,方便后期检索

2. 智能化处理

  • 自动识别内容中的链接格式
  • 支持 Markdown 和纯文本两种格式

3. 人性化交互

  • 支持划线复制文本
  • 一键复制全文内容
  • 支持快捷键操作
  • 支持重要内容置顶功能

4. 多种登录方式

  • 支持微信公众号登录
  • 支持 Github 登录

技术实现

1. 技术栈

  • Express + MongoDB 构建后端服务
  • Vue 3 + TypeScript 构建用户界面
  • Element Plus 组件库提供基础 UI
  • Unocss 原子化 CSS 框架

2. 主题设计

  • 采用现代简约风格
  • 统一的圆角和阴影标准
  • 规范的间距系统

3. 国际化支持

  • 支持中英文切换

未来规划

  1. 优化搜索体验
  • 接入大模型,支持 RAG 检索增强生成
  • 支持更多搜索条件
  • 优化搜索结果排序
  1. 增强交互体验
  • 添加多钟布局方式,用户可自由配置
  • 自定义小组件
  1. 扩展功能
  • 添加标签管理
  • 支持笔记分享

站在 AI 的肩膀上

  1. 项目由 AI 辅助开发完成, 80% 以上代码是使用 Cursor 生成的,claude-3.5-sonnet 模型
  2. 设计稿灵感来自于 MasterGo 提供的 AI 生成设计稿功能
  3. 当前文章也是由 Cursor 生成的,人工进行微调(手动狗头,这个手写的)

总结

以上就是 AI 小记的项目介绍,欢迎感兴趣的朋友访问体验,如果您有更好的想法,欢迎提出,一起交流学习。

相关推荐
代码搬运媛5 小时前
Jest 测试框架详解与实现指南
前端
小和尚同志5 小时前
深入使用 skill-creator:结合真实生产级实践
人工智能·aigc
counterxing6 小时前
我把 Codex 里的 Skills 做成了一个 MCP,还支持分享
前端·agent·ai编程
wangqiaowq6 小时前
windows下nginx的安装
linux·服务器·前端
之歆6 小时前
DAY_12JavaScript DOM 完全指南(二):实战与性能篇
开发语言·前端·javascript·ecmascript
发现一只大呆瓜6 小时前
Vite凭什么这么快?3分钟带你彻底搞懂 Vite 热更新的幕后黑手
前端·面试·vite
Maimai108087 小时前
React如何用 @microsoft/fetch-event-source 落地 SSE:比原生 EventSource 更灵活的实时推送方案
前端·javascript·react.js·microsoft·前端框架·reactjs·webassembly
kyriewen8 小时前
产品经理把PRD写成“天书”,我用AI半小时重写了一遍,他当场愣住
前端·ai编程·cursor
humcomm9 小时前
元框架的工作原理详解
前端·前端框架
canonical_entropy9 小时前
Attractor Before Harness: AI 大规模开发的方法论
前端·aigc·ai编程