Charlie

技能

從 React 入門，因工作深耕 Angular，再轉向 Vue 生態系；同時接觸後端與部署，讓前後端協作更順暢。

Focus

核心能力

  • 01

    Interface Craft

    介面實作
    跨 React、Angular、Vue 3／Nuxt 生態系，把產品需求收成清楚的畫面與互動。
    React
    Angular
    Vue 3
    Nuxt
  • 02

    Design Systems

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

    Architecture

    前端架構
    熟悉 Ngrx、Pinia、RxJS 等狀態管理，並接觸 Node.js（NestJS）與 Docker，讓前後端溝通更順暢。
    NgRx
    Pinia
    RxJS
    NestJS
  • 04

    Components

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

Stack

技術清單

  • 核心前端框架

    Modern Frontend

    • Vue 3Vue 3
    • Nuxt 3Nuxt 3
    • AngularAngular
    • ReactReact
    • TypeScriptTypeScript
  • 後端與架構

    Backend & Architecture

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

    State Management

    • PiniaPinia
    • RxJSRxJS
    • NgRxNgRx
    • TanStack QueryTanStack Query
  • 樣式與 UI 系統

    Styling & UI

    • Tailwind CSSTailwind CSS
    • Shadcn/UIShadcn/UI
    • Reka UIReka UI
    • Ant DesignAnt Design
    • Angular MaterialAngular Material
    • SCSSSCSS
    • EChartsECharts
  • 資料庫

    Database

    • MySQLMySQL
    • MongoDBMongoDB
    • PostgreSQLPostgreSQL
  • 開發工具

    DevOps & Tools

    • GitGit
    • ViteVite
    • pnpmpnpm
    • ESLintESLint
    • NVMNVM
    • PostmanPostman