Frontend | Full-Stack | Data Science & Artificial Intelligence | Agent
University of Liverpool
Some repositories were migrated from my previous account, @Jamie-qian.
Technologies reflected across my current GitHub projects, from frontend systems and desktop apps to AI workflows and data-focused work.
| TypeScript | JavaScript | Python | HTML5 | CSS3 | Shell |
|---|---|---|---|---|---|
| React | Next.js | Vue | Vue Router | Vite | Tailwind CSS |
|---|---|---|---|---|---|
| Electron | Electron Forge | FFmpeg | FFprobe | HEVC/H.265 | H.264 MP4 |
|---|---|---|---|---|---|
| AI Workflows | LLM | RAG | Agents | LangGraph | LangChain | TTS | Zod | Ollama | Qdrant | Tableau |
|---|---|---|---|---|---|---|---|---|---|---|
| NestJS | Nuxt | PostgreSQL | Prisma |
|---|---|---|---|
| Node.js | pnpm | Turborepo | Docker |
|---|---|---|---|
| Git | GitHub Pages | VS Code | Trae | Warp |
|---|---|---|---|---|
| Layer | Technologies |
|---|---|
| Workspace | pnpm workspace, Turborepo, TypeScript |
| Platform app | Next.js 16, React 19, App Router, Tailwind CSS 4 |
| Workflow editor | @xyflow/react, react-hook-form, Tiptap, shadcn/ui-style components |
| External API | NestJS 11, Guard, Interceptor, Filter, class-validator |
| AI / RAG | Ollama, @langchain/ollama, Qdrant |
| Data layer | PostgreSQL, Prisma 7 |
| Quality | ESLint 9, Prettier, CSpell, Commitlint, Husky, lint-staged |
| Layer | Technologies |
|---|---|
| Workspace | pnpm workspace, TypeScript, Node.js 22 |
| Desktop app | Electron 38, Electron Forge 7, Vite 7, Vue 3, Vue Router 4, Tailwind CSS 4 |
| Media pipeline | FFmpeg, FFprobe, magicut-media local protocol, HEVC/H.265 preview proxy, H.264 MP4 preview assets |
| AI agent | LangGraph, LangChain OpenAI-compatible provider, LLM/TTS provider abstraction |
| Data & schema | Zod, video project schema, agent run persistence |
| Server placeholder | Nuxt 4, Nitro server routes |
| Quality | Vitest, ESLint 9, Prettier, CSpell, Commitlint, Husky, Commitizen |
- Building AI workflow and agent-oriented products
- Practicing modern React, Vue, TypeScript, and full-stack development
- Exploring data science, visualization, and applied AI workflows
