Charlie

總瀏覽 —

技能

依專業領域拆解實際運用的技術，從介面實作、設計系統到前端架構與元件開發。

Focus

核心能力

  • 01

    Interface Craft

    介面實作
    把產品需求收成清楚的畫面與互動，兼顧可用性與還原度。
    Vue 3
    Nuxt
    Angular
    TypeScript
  • 02

    Design Systems

    設計系統
    用 token、元件與文件，讓介面在多頁／多專案間保持一致。
    Design Tokens
    Components
    Docs
  • 03

    Architecture

    前端架構
    拆分模組、管理狀態與資料流，並串接後端把協作做順。
    Pinia
    NgRx
    oRPC
    NestJS
  • 04

    Components

    元件與互動
    打造可重用元件與獨立模組，部分並封裝發布至 NPM，用開源社群標準審視程式碼品質。
    Reusable UI
    NPM
    Open Source

Stack

技術清單

  • 核心前端框架

    Modern Frontend

    • Vue 3Vue 3
    • NuxtNuxt
    • AngularAngular
    • TypeScriptTypeScript
    • Next.jsNext.js
    • ReactReact
  • 後端與架構

    Backend & Architecture

    • Node.jsNode.js
    • NestJSNestJS
    • oRPCoRPC
    • DockerDocker
  • 狀態管理與資料流

    State Management

    • PiniaPinia
    • Pinia ColadaPinia Colada
    • RxJSRxJS
    • NgRxNgRx
    • ZodZod
  • 樣式與 UI 系統

    Styling & UI

    • Tailwind CSSTailwind CSS
    • Shadcn/UIShadcn/UI
    • Reka UIReka UI
    • Angular MaterialAngular Material
  • 資料庫

    Database

    • PostgreSQLPostgreSQL
    • MySQLMySQL
  • 開發工具

    DevOps & Tools

    • GitGit
    • DockerDocker
    • ViteVite
    • pnpmpnpm
    • ESLintESLint