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

相关推荐
这儿有一堆花4 小时前
网站链接重定向原理
前端
Tang10244 小时前
Cursor AI 编程工具指南
ai编程·cursor
cecyci4 小时前
如何实现AI聊天机器人的打字机效果?
前端·javascript
IT_陈寒4 小时前
Vite 5个隐藏技巧让你的项目构建速度提升50%,第3个太香了!
前端·人工智能·后端
詩句☾⋆᭄南笙4 小时前
HTML的盒子模型
前端·html·盒子模型
落言4 小时前
AI 时代的工程师:懂,却非懂的时代
前端·程序员·架构
一枚攻城狮4 小时前
前端知识点大汇总
前端
麦麦麦造4 小时前
有了 MCP,为什么Claude 还要推出 Skills?
人工智能·aigc·ai编程
Mike_jia5 小时前
DumbAssets:开源资产管理神器,家庭与企业的高效管家
前端
Southern Wind6 小时前
Vue 3 多实例 + 缓存复用:理念及实践
前端·javascript·vue.js·缓存·html