开发者需要在不向浏览器暴露凭据的前提下,查询、审阅并保存 GitHub 公开资料。本项目以个人资料管理为业务场景,贯通表单交互、API、数据校验与持久化,作为本人独立全栈工程作品。本地实现完成,公网运行环境尚未部署。
点击空白处退出提示
语言技术
React、TypeScript、Node.js系统类型
Web行业分类
开发工具
开发者需要在不向浏览器暴露凭据的前提下,查询、审阅并保存 GitHub 公开资料。本项目以个人资料管理为业务场景,贯通表单交互、API、数据校验与持久化,作为本人独立全栈工程作品。本地实现完成,公网运行环境尚未部署。
系统从 GitHub API 查询登录名、头像、公开主页、仓库数和关注者等公开信息,仅允许编辑显示名称与简介。用户审阅后保存到 SQLite,刷新后可恢复已保存结果;重复保存采用幂等写入。Hono/Node 与 Go 后端共享 JSON 契约,前端复用同一套 React 界面。对凭据缺失、鉴权失败、频率限制、字段校验和数据库错误提供安全反馈。附图为基于实际仓库的架构与功能流程说明,非生产截图。工程证据:https://baby2b.online/evidence/github-profile-studio;作品:https://baby2b.online/dashboard/。
我独立负责需求拆解、前后端契约、React 交互、Hono 与 Go 双后端、SQLite/Drizzle 迁移、安全边界和自动化测试。服务端采用字段白名单,浏览器不接触 GitHub 凭据;凭据由 macOS 钥匙串管理,错误响应不泄漏令牌、堆栈或本机路径。通过共享契约和测试保持两套后端行为一致。技术栈为 React、TypeScript、Hono/Node.js、Go、SQLite、Drizzle、Vitest。



评论