软件开发 · 项目作品集

用代码,解决具体问题。

以制造质量分析为主线,PhotoMap 展示另一种应用开发实践。

01

制造质量分析助手

制造质量分析助手实际界面,展示质量问题输入、数据源配置与不良率分析
自然语言分析 · 候选因素 · 可追溯报告
02

PhotoMap

PhotoMap 地图相册启动界面,星空背景下展示地球地图与进入地图按钮
地点标记 · 照片管理 · 空间检索
个人简介 · 项目实践 · 摄影记录从这里认识我

关于我

你好,我是 Satula。

我关注应用开发与数据分析。通过 PhotoMap 和制造质量分析助手,展示我的功能设计、技术选型与实现过程。

本科院校

合肥大学

本科
了解我的项目

奖项与荣誉

待补充

竞赛获奖与学业荣誉

  • 奖项信息待补充

项目中的技术范围

技术栈

来自 PhotoMap 与制造质量分析助手,
覆盖应用开发、后端服务与数据分析。

58 项技术与工具

前端与桌面

  • JavaScript
  • TypeScript
  • React
  • React DOM
  • React Hooks
  • Zustand
  • Vite
  • Electron
  • Mapbox GL JS
  • HTML
  • CSS
  • Canvas
  • File API
  • LocalStorage
  • pinyin-pro

后端与存储

  • Java
  • Spring Boot
  • Spring MVC
  • Spring Security
  • Spring Data JPA
  • H2
  • JWT
  • Maven
  • Node.js
  • SQLite
  • better-sqlite3
  • Sharp
  • EXIF
  • Electron IPC
  • REST API

数据与 AI

  • Python
  • LangGraph
  • Streamlit
  • Pandas
  • Matplotlib
  • DuckDB
  • scikit-learn
  • Isolation Forest
  • Ollama
  • RAG
  • Transformers.js
  • Chinese CLIP
  • sqlite-vec
  • 向量检索
  • Embedding

工程与测试

  • Vitest
  • Playwright
  • Testing Library
  • unittest
  • pytest
  • ESLint
  • Prettier
  • Husky
  • lint-staged
  • electron-builder
  • JSDoc
  • electron-log
  • electron-store

PhotoMap:应用、地图与本地存储。制造质量分析助手:统计分析、Agent 与知识检索。

深入阅读

项目细节

从问题定义、分析流程到具体实现。

2 个项目

数据与 AI · 制造质量分析 MVP · 原名 Interm

制造质量分析助手自然语言驱动的质量分析

输入日期范围、产线或车型等自然语言问题,系统先整理筛选条件,再从生产记录中计算不良率、比较工位与班次等候选因素,并检索知识库,形成带数据证据和来源引用的分析报告。

关键差异是“模型编排,工具计算”。LangGraph Agent 串联解析、统计与知识检索,指标交给 Python 分析工具计算。报告保留筛选条件、执行记录、引用来源和人工确认状态;网站演示使用模拟数据,候选因素帮助安排排查优先级,不代表已证实的因果关系。

  • 01
    计算有据

    关键指标由分析工具执行,不让模型估算数值。

  • 02
    过程可查

    保留筛选条件、执行轨迹与知识来源。

  • 03
    人工判断

    候选因素是排查线索,结论仍需结合现场确认。

项目形态
制造质量分析 MVP
主要输出
指标 · 候选因素 · 引用报告
流程编排
Python · LangGraph解析问题并组织分析步骤
统计分析
Pandas · DuckDB处理记录、计算指标与候选排序
分析界面
Streamlit提供数据源配置与分析交互
知识检索
RAG检索知识库并为分析结论保留来源
  1. 01
    描述问题

    输入时间范围、产线或车型

  2. 02
    解析条件

    语言解析失败时回退规则

  3. 03
    分析与检索

    计算指标并查找知识证据

  4. 04
    生成报告

    附来源与人工确认标记

工具范围
Pareto、Cpk 与 SPC 作为独立分析模块;自然语言主流程聚焦不良率计算与候选因素排序。
演示口径
网站页面使用模拟生产记录,报告中的数字用于展示分析过程,不代表真实产线结果。
GitHub 源码
质量分析助手 · 操作演示待补充

演示视频准备中

输入质量问题,查看分析过程与结果证据。
质量分析助手 · 演示视频

从质量问题到可追溯的分析报告。

操作演示待补充。

应用开发 · 桌面 / Web

PhotoMap地图照片管理应用

PhotoMap 以地点作为照片的索引:通过地图搜索或新增标记,把多张照片与文字备注组织在同一地点;之后可从地点搜索、标记列表、热力图或我的相册重新找到记录。

地图负责空间定位,照片工具负责整理回忆。照片支持预览、旋转、裁切和批量管理。桌面端与 Web 端共享核心工作流,但接入各自合适的文件接口与存储;桌面端还提供中文描述找图。

  • 01
    地点聚合

    坐标、照片和备注围绕同一标记关联。

  • 02
    影像整理

    从预览、旋转裁切到批量管理。

  • 03
    双端适配

    共享地图工作流,按平台接入文件与存储。

应用形态
React Web + Electron 桌面端
记录对象
地点标记 · 照片组 · 文字备注
界面与地图
React · Vite · Mapbox GL JS承载地图、地点和照片交互
桌面端
Electron · SQLite · Sharp连接本地文件、数据存储与图像处理
浏览器端
WebAdapter · File API · IndexedDB适配浏览器文件访问与本地数据
图片检索
Chinese CLIP · Transformers.js · sqlite-vec桌面端的图片描述向量检索模块
可选同步
Java · Spring Boot · JWT账号与地点元数据同步服务
  1. 01
    定位地点

    搜索位置或新增地图标记

  2. 02
    归集照片

    同一地点可关联多张图片

  3. 03
    整理详情

    补备注、旋转裁切与批量管理

  4. 04
    检索回看

    地图、列表、搜索或热力图

Electron 桌面端
本地照片文件与 SQLite;可用 Chinese CLIP 按图片描述检索。
浏览器 Web 端
通过 File API 与 IndexedDB 管理本地照片和数据;图片描述检索暂未提供。
GitHub 源码
PhotoMap · 地图相册实际操作
2K 原画 · 完整演示

把照片、地点与回忆连起来。

跟随实际操作,看看地图相册如何记录与浏览照片。
打开原视频

项目交流与联系

欢迎交流项目,
或联系面试。

关于功能设计、技术实现或岗位机会,
可以通过以下方式联系我。

再看看作品

Satula Studio · 摄影

摄影作品

自然、城市与日常。
按主题浏览,点击查看大图。

浏览影像
按主题整理影像与拍摄记录。Satula · 原创摄影

项目与实现介绍在作品页继续浏览。

项目详情与开发记录