我用 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 小记的项目介绍,欢迎感兴趣的朋友访问体验,如果您有更好的想法,欢迎提出,一起交流学习。

相关推荐
Sirius Wu1 小时前
深入浅出:Tongyi DeepResearch技术解读
人工智能·语言模型·langchain·aigc
编程社区管理员4 小时前
React 发送短信验证码和验证码校验功能组件
前端·javascript·react.js
全马必破三4 小时前
React“组件即函数”
前端·javascript·react.js
三思而后行,慎承诺4 小时前
React 底层原理
前端·react.js·前端框架
座山雕~4 小时前
html 和css基础常用的标签和样式
前端·css·html
灰小猿5 小时前
Spring前后端分离项目时间格式转换问题全局配置解决
java·前端·后端·spring·spring cloud
im_AMBER5 小时前
React 16
前端·笔记·学习·react.js·前端框架
02苏_5 小时前
ES6模板字符串
前端·ecmascript·es6
excel5 小时前
⚙️ 一次性警告机制的实现:warnOnce 源码深度解析
前端
excel5 小时前
Vue SFC 样式编译核心机制详解:compileStyle 与 PostCSS 管线设计
前端