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

相关推荐
万少8 分钟前
第五款 HarmonyOS 上架作品 奇趣故事匣 来了
前端·harmonyos·客户端
OpenGL14 分钟前
Android targetSdkVersion升级至35(Android15)相关问题
前端
rzl0229 分钟前
java web5(黑马)
java·开发语言·前端
Amy.Wang31 分钟前
前端如何实现电子签名
前端·javascript·html5
今天又在摸鱼33 分钟前
Vue3-组件化-Vue核心思想之一
前端·javascript·vue.js
蓝婷儿35 分钟前
每天一个前端小知识 Day 21 - 浏览器兼容性与 Polyfill 策略
前端
百锦再37 分钟前
Vue中对象赋值问题:对象引用被保留,仅部分属性被覆盖
前端·javascript·vue.js·vue·web·reactive·ref
win4r41 分钟前
🚀 SuperClaude让Claude Code编程能力暴增300%!小白秒变顶尖程序员!19个专业命令+9大预定义角色,零编程经验也能开发复杂项目,完全碾
aigc·ai编程·claude
jingling55542 分钟前
面试版-前端开发核心知识
开发语言·前端·javascript·vue.js·面试·前端框架