import type { Project } from '@/types';

const sharedCases: Project[] = [
  {
    id: 'digital-securities-platform',
    featured: true,
    type: 'product',
    status: 'completed',
    role: 'Frontend Architecture Lead',
    impact: 'Delivered a stable trading platform for multi-role financial institutions',
    systemType: 'Financial blockchain trading platform',
    context: 'A digital securities trading system for regulated institutions and operations teams.',
    title: 'Digital Securities Trading Platform',
    icon: 'Landmark',
    color: 'blue',
    image: {
      bg: 'from-blue-500/20 to-indigo-600/20',
      hover: 'from-blue-500/30 to-indigo-600/30',
      text: 'text-blue-500',
    },
    challenges: [
      'Complex multi-role permission boundaries',
      'High reliability requirements for trading operations',
      'Integration with blockchain wallet services',
    ],
    responsibilities: [
      'Designed frontend module architecture and domain boundaries',
      'Led user management and permission refactor',
      'Integrated bank login and compliance-related flows',
    ],
    outcomes: [
      'Improved operational stability with reliable release rhythm',
      'Reduced permission-related defects through clearer boundaries',
      'Supported business launch for institutional users',
    ],
    description: [
      'A digital asset trading system supporting regulated workflows.',
      'Built for role-based operations, auditing, and risk-sensitive processes.',
    ],
    tech: ['TypeScript', 'React', 'Node.js', 'Permission System'],
    link: '#',
  },
  {
    id: 'baas-platform',
    featured: true,
    type: 'product',
    status: 'completed',
    role: 'Senior Frontend Engineer',
    impact: 'Enabled enterprise clients to manage blockchain services efficiently',
    systemType: 'Blockchain BaaS platform',
    context: 'Enterprise-grade blockchain service platform for chain management and operations.',
    title: 'Blockchain BaaS Platform',
    icon: 'Blocks',
    color: 'violet',
    image: {
      bg: 'from-violet-500/20 to-fuchsia-500/20',
      hover: 'from-violet-500/30 to-fuchsia-500/30',
      text: 'text-violet-500',
    },
    challenges: [
      'High-density operational console information',
      'Complex asynchronous task status visibility',
      'Multi-environment configuration consistency',
    ],
    responsibilities: [
      'Built scalable admin UI architecture for service management',
      'Implemented observable task state flows and feedback loops',
      'Drove reusable component patterns across modules',
    ],
    outcomes: [
      'Improved operation efficiency of chain service workflows',
      'Reduced repetitive UI implementation with reusable patterns',
      'Increased delivery speed in subsequent modules',
    ],
    description: [
      'A platform for enterprise blockchain network and service operations.',
      'Focused on maintainability and operational efficiency.',
    ],
    tech: ['React', 'TypeScript', 'Ant Design', 'WebSocket'],
    link: '#',
  },
  {
    id: 'supply-chain-finance',
    featured: true,
    type: 'client',
    status: 'completed',
    role: 'Full-stack Engineer',
    impact: 'Supported finance workflows for upstream and downstream participants',
    systemType: 'Supply chain finance platform',
    context: 'A collaborative system connecting enterprises, finance teams, and partner organizations.',
    title: 'Supply Chain Finance Platform',
    icon: 'Network',
    color: 'emerald',
    image: {
      bg: 'from-emerald-500/20 to-teal-500/20',
      hover: 'from-emerald-500/30 to-teal-500/30',
      text: 'text-emerald-500',
    },
    challenges: [
      'Long business流程 with many states and edge cases',
      'Cross-role data visibility requirements',
      'Need for high traceability in approvals and operations',
    ],
    responsibilities: [
      'Implemented core workflow modules and state transitions',
      'Designed role-specific views and permission controls',
      'Optimized key pages for faster operational handling',
    ],
    outcomes: [
      'Improved workflow transparency across participants',
      'Reduced process handover friction in finance operations',
      'Enabled stable iterative delivery for business expansion',
    ],
    description: [
      'A multi-role financial workflow system for supply chain participants.',
      'Focused on process clarity, reliability, and operations efficiency.',
    ],
    tech: ['TypeScript', 'React', 'Node.js', 'PostgreSQL'],
    link: '#',
  },
  {
    id: 'smart-park-system',
    featured: false,
    type: 'client',
    status: 'completed',
    role: 'Frontend Engineer',
    impact: 'Integrated business modules for industrial operations management',
    systemType: 'Industrial smart park management system',
    context: 'A digital management system for operations, resources, and service workflows in industrial parks.',
    title: 'Industrial Smart Park Management System',
    icon: 'Building2',
    color: 'orange',
    image: {
      bg: 'from-orange-500/20 to-amber-500/20',
      hover: 'from-orange-500/30 to-amber-500/30',
      text: 'text-orange-500',
    },
    challenges: [
      'Many business modules with different usage patterns',
      'Dashboard readability for operation teams',
      'Need for maintainable long-term module evolution',
    ],
    responsibilities: [
      'Developed key modules and unified UI interaction patterns',
      'Improved dashboard information hierarchy and readability',
      'Collaborated with backend and product teams for iterative delivery',
    ],
    outcomes: [
      'Improved operator experience in daily management tasks',
      'Reduced UI inconsistency across modules',
      'Supported long-term maintainability for continued delivery',
    ],
    description: [
      'A comprehensive system for industrial park operations and services.',
      'Designed for clarity, consistency, and scalable module growth.',
    ],
    tech: ['React', 'TypeScript', 'ECharts', 'REST API'],
    link: '#',
  },
  {
    id: 'elynd',
    featured: true,
    type: 'product',
    status: 'building',
    role: 'Founder & Developer',
    impact: 'Built an AI-powered English reading and learning platform for language learners',
    systemType: 'AI-powered English reading & learning platform',
    context: 'An AI-assisted English reading learning tool that combines reading, listening, word lookup, and AI Q&A to help users practice low-barrier language input.',
    title: 'Elynd - AI English Learning Platform',
    icon: 'BookOpen',
    color: 'purple',
    image: {
      bg: 'from-purple-500/20 to-blue-500/20',
      hover: 'from-purple-500/30 to-blue-500/30',
      text: 'text-purple-500',
    },
    challenges: [
      'Designing a smooth graded reading experience with content difficulty adaptation',
      'Implementing real-time TTS audio playback with Azure Speech SDK',
      'Building an efficient word lookup system with instant definitions',
      'Creating AI-powered Q&A that understands reading context',
    ],
    responsibilities: [
      'End-to-end product development from concept to launch',
      'Designed and implemented backend API with AdonisJS v6',
      'Built frontend with Vue 3, TypeScript, and modern UI components',
      'Integrated OpenAI SDK for AI conversation features',
      'Implemented EPUB import and content parsing pipeline',
    ],
    outcomes: [
      'Launched a complete learning platform with 4 core features',
      'Achieved smooth reading experience with progress tracking',
      'Integrated Azure TTS for immersive listening practice',
      'Enabled AI-powered interactive learning with context awareness',
    ],
    description: [
      'AI-powered English reading and learning platform.',
      'Combines reading, listening, word lookup, and AI Q&A for comprehensive language learning.',
    ],
    tech: [
      'AdonisJS v6',
      'PostgreSQL',
      'Redis',
      'Vue 3',
      'TypeScript',
      'Pinia',
      'Reka UI',
      'shadcn-vue',
      'Tailwind CSS 4',
      'OpenAI SDK',
      'Azure Speech SDK',
      'pnpm workspace',
    ],
    link: 'https://github.com/zguiyang/elynd',
    coverImage: 'https://cloud.zgyk.cc/f/VoFa/elynd-home.png',
    coverImageAlt: 'Elynd Dashboard Preview',
    links: {
      github: 'https://github.com/zguiyang/elynd',
      demo: 'https://elynd.zhaoguiyang.com/',
    },
  },
  {
    id: 'linky',
    featured: true,
    type: 'product',
    status: 'completed',
    role: 'Founder & Developer',
    impact: 'Built a self-hosted knowledge management tool for bookmarks and notes',
    systemType: 'Personal knowledge management system',
    context: 'A simple, self-hosted tool for organizing bookmarks and writing notes with full user data control.',
    title: 'Linky',
    icon: 'Link',
    color: 'cyan',
    image: {
      bg: 'from-cyan-500/20 to-blue-500/20',
      hover: 'from-cyan-500/30 to-blue-500/30',
      text: 'text-cyan-500',
    },
    challenges: [
      'Designing intuitive bookmark organization with tags',
      'Implementing AI-powered auto-tagging feature',
      'Building self-hosted authentication system',
    ],
    responsibilities: [
      'End-to-end product development',
      'Backend API design with AdonisJS',
      'Frontend implementation with Nuxt',
    ],
    outcomes: [
      'Launched self-hosted version with full user data ownership',
      'Integrated AI auto-tagging with OpenAI compatible APIs',
    ],
    description: [
      'A self-hosted bookmark manager and note-taking tool.',
      'Focus on privacy, simplicity, and AI-assisted organization.',
    ],
    tech: ['AdonisJS', 'Nuxt', 'PostgreSQL', 'Vue', 'Pinia', 'Tailwind CSS'],
    link: 'https://github.com/zguiyang/linky',
    coverImage: 'https://cloud.zgyk.cc/f/nYHM/linky-home.png',
    coverImageAlt: 'Linky Dashboard Preview',
    links: {
      github: 'https://github.com/zguiyang/linky',
      demo: 'https://linky.zhaoguiyang.com/',
    },
  },
];

export const projects = {
  en: sharedCases,
  zh: [
    {
      ...sharedCases[0],
      role: '前端架构负责人',
      impact: '为多角色金融机构交付稳定的交易平台',
      systemType: '数字证券金融区块链交易平台',
      context: '面向受监管机构与运营团队的数字证券交易系统。',
      title: '数字证券交易平台',
      challenges: ['多角色复杂权限边界', '交易场景下的高稳定性要求', '区块链钱包服务集成'],
      responsibilities: ['设计前端模块化架构与领域边界', '主导用户与权限体系重构', '接入银行登录与合规相关流程'],
      outcomes: ['提升系统稳定性与发版可控性', '通过边界治理降低权限类缺陷', '支撑机构端业务落地'],
      description: ['支持受监管流程的数字资产交易系统。', '强调角色权限、审计可追踪和风险敏感流程。'],
      tech: ['TypeScript', 'React', 'Node.js', '权限系统'],
    },
    {
      ...sharedCases[1],
      role: '资深前端工程师',
      impact: '帮助企业客户高效管理区块链服务',
      systemType: '区块链 BaaS 平台',
      context: '面向企业的链服务管理与运维平台。',
      title: '区块链 BaaS 平台',
      challenges: ['高密度运维信息的可读性', '异步任务状态可观察性', '多环境配置一致性'],
      responsibilities: ['构建可扩展的管理端前端架构', '实现可追踪任务状态反馈链路', '推动跨模块可复用组件方案'],
      outcomes: ['提升链服务运维效率', '减少重复 UI 开发成本', '提高后续模块迭代速度'],
      description: ['面向企业区块链网络与服务运维的平台。', '重点优化可维护性与操作效率。'],
      tech: ['React', 'TypeScript', 'Ant Design', 'WebSocket'],
    },
    {
      ...sharedCases[2],
      role: '全栈工程师',
      impact: '支撑上下游参与方的金融协作流程',
      systemType: '供应链金融平台',
      context: '连接企业、金融团队与合作方的协同业务系统。',
      title: '供应链金融平台',
      challenges: ['长链路流程状态与边界处理', '跨角色数据可见性策略', '审批与操作的高可追踪性'],
      responsibilities: ['实现核心流程模块与状态流转', '设计角色化视图与权限控制', '优化关键页面操作效率'],
      outcomes: ['提升参与方流程透明度', '降低金融业务交接摩擦', '支撑业务扩展中的稳定迭代'],
      description: ['面向多角色协同的金融业务流程系统。', '强调流程清晰、可靠与高效操作。'],
      tech: ['TypeScript', 'React', 'Node.js', 'PostgreSQL'],
    },
    {
      ...sharedCases[3],
      role: '前端工程师',
      impact: '整合园区管理核心业务模块',
      systemType: '工业智慧园区管理系统',
      context: '覆盖园区运营、资源和服务流程的数字化管理平台。',
      title: '工业智慧园区管理系统',
      challenges: ['多业务模块交互差异大', '运营看板信息层级复杂', '模块长期演进可维护性要求高'],
      responsibilities: ['开发关键模块并统一交互模式', '优化看板信息层级与可读性', '与后端及产品团队协同迭代交付'],
      outcomes: ['提升日常运营管理效率', '减少跨模块 UI 不一致问题', '支撑长期可维护迭代'],
      description: ['园区运营与服务协同的一体化系统。', '强调清晰性、一致性与可扩展演进。'],
      tech: ['React', 'TypeScript', 'ECharts', 'REST API'],
    },
    {
      ...sharedCases[4],
      role: '创始人 & 开发者',
      impact: '打造 AI 辅助英语阅读学习平台，帮助语言学习者提升阅读能力',
      systemType: 'AI 驱动英语阅读学习平台',
      context: 'AI 辅助的英语阅读学习工具，通过「阅读 + 听读 + 查词 + AI 提问」四位一体帮助用户完成低门槛的语言输入练习。',
      title: 'Elynd - AI 英语学习平台',
      challenges: [
        '设计流畅的分级阅读体验，实现内容难度自适应',
        '集成 Azure Speech SDK 实现实时 TTS 音频播放',
        '构建高效的即点查词系统，支持即时释义显示',
        '打造理解阅读上下文的 AI 智能问答功能',
      ],
      responsibilities: [
        '从概念到上线的端到端产品开发',
        '使用 AdonisJS v6 设计与实现后端 API',
        '使用 Vue 3、TypeScript 和现代 UI 组件构建前端',
        '集成 OpenAI SDK 实现 AI 对话功能',
        '实现 EPUB 导入与内容解析流程',
      ],
      outcomes: [
        '上线具备 4 大核心功能的完整学习平台',
        '实现流畅阅读体验与学习进度跟踪',
        '集成 Azure TTS 实现沉浸式听读练习',
        '支持上下文感知的 AI 智能交互学习',
      ],
      description: [
        'AI 驱动的英语阅读学习平台。',
        '融合阅读、听读、查词、AI 问答，一站式语言学习体验。',
      ],
      tech: [
        'AdonisJS v6',
        'PostgreSQL',
        'Redis',
        'Vue 3',
        'TypeScript',
        'Pinia',
        'Reka UI',
        'shadcn-vue',
        'Tailwind CSS 4',
        'OpenAI SDK',
        'Azure Speech SDK',
        'pnpm workspace',
      ],
    },
    {
      ...sharedCases[5],
      role: '创始人 & 开发者',
      impact: '打造自托管的书签管理与笔记工具，让用户完全掌控自己的数据',
      systemType: '个人知识管理系统',
      context: '简单、自托管的工具，用于组织书签和写笔记，数据完全由用户自己掌控。',
      title: 'Linky',
      challenges: [
        '设计直观的书签组织系统，支持标签化管理',
        '实现 AI 自动标签功能',
        '构建自托管认证系统',
      ],
      responsibilities: [
        '端到端产品开发',
        '使用 AdonisJS 设计后端 API',
        '使用 Nuxt 实现前端',
      ],
      outcomes: [
        '上线自托管版本，用户完全拥有数据主权',
        '集成 AI 自动标签功能，支持 OpenAI 兼容 API',
      ],
      description: [
        '自托管的书签管理器和笔记工具。',
        '注重隐私、简洁和 AI 辅助整理。',
      ],
      tech: ['AdonisJS', 'Nuxt', 'PostgreSQL', 'Vue', 'Pinia', 'Tailwind CSS'],
    },
  ],
};
