Chloe Guo

A frontend developer passionate about creative coding.

Education & Work Experience

Over 6 years of experience in frontend development.

CLICKFORCE 域動行銷股份有限公司
Block Studio 版塊創意有限公司
聖誕老人國際股份有限公司
薩摩亞商達博網路服務有限公司
Work
銘傳大學資訊傳播工程學系
Education
Experience

Senior Frontend Developer

CLICKFORCE 域動行銷股份有限公司 2023.05 - now
- 維護與開發多個平台功能，涵蓋 DSP、SSP、Demo Page 與 Creative360
- 重構舊有廣告素材架構，導入模組化思維，以 Webpack 將共用 function 模組化，建立內部開發規範與模組化流程，大幅提升廣告素材的可維護性與開發效率
- 使用 Vue 3 結合 Ant Design Vue 與 AmCharts，開發公司專屬 UI Component Library；導入 GitHub Actions 建立自動化發布流程，並發佈至 GitHub Packages，實現跨平台共用，全面強化 UI 一致性與前端開發效率
- 負責 5 人前端團隊管理，協調任務分工與技術指導，制定開發規範與 Coding Style，確保專案進度、程式品質與團隊協作效率，同時負責跨部門溝通協調，推進專案順利執行
Frontend Developer

Block Studio 版塊創意有限公司 2023.03 - 2023.04
- 參與多項品牌網站與活動頁開發，包含遊戲橘子的心理測驗互動網站、公司假期農場主題網站及新官網部分頁面製作，負責前端動態效果設計與實作，提升使用者體驗與視覺吸引力
- 與設計與後端人員密切協作，於短時間內高品質完成專案開發，並進行 RWD 與跨裝置測試調整
- 熟悉互動式活動網站開發流程，具備動態表現與動畫優化實戰經驗
Frontend Developer

聖誕老人國際股份有限公司 2021.04 - 2023.02
- 主要負責雀巢奶粉旗下 6 個品牌的官網、活動網站與試用罐申請表單等前端開發
- 使用 Drupal 作為網站 CMS，與設計與後端團隊密切協作，進行網站切版、互動效果製作與表單功能整合
- 參與多項品牌活動網站製作（包含十六茶），確保各類促銷活動網站具備良好使用體驗與行銷導流效果
- 透過 PageSpeed Insights 分析並優化網站效能，提升頁面加載速度，增強用戶體驗
Frontend Developer

薩摩亞商達博網路服務有限公司 2018.12 - 2021.03
- 負責公司網站的前端開發與維護，涵蓋活動頁面、前台操作流程、視覺互動效果與 RWD 響應式設計
- 搭配 Laravel 後端框架進行 API 串接，整合資料呈現與前後端溝通流程，優化使用者體驗與操作順暢度
畢業於

銘傳大學資訊傳播工程學系 2013.09 - 2018.06
- 大學主修 C 語言、互動技術開發及虛擬實境（VR）應用，奠定程式邏輯與實作基礎對互動式應用與遊戲開發領域具高度興趣，積極探索視覺與技術整合的可能性
- 熟悉互動動畫設計與前端畫面呈現，注重使用者體驗與動態流暢度
- 擅長開發具視覺回饋與互動性的應用程式，兼顧美感與技術實現
- 基於對視覺表現與程式設計的熱忱，選擇投入前端工程師職涯，結合藝術與技術專長

Frontend Skills

Possessing abundant expertise in frontend development.

12345678910111213141516


<script>
  const toggleBtn = document.getElementById('toggleBtn')
  toggleBtn.addEventListener('click', () => {
    document.getElementById('mobileMenu').classList.toggle('hidden') })
</script>
<nav class="bg-background p-4">
  <button id="toggleBtn" class="bg-foreground h-4 w-4" />
  <div id="mobileMenu">
    <ul class="flex flex-col items-center justify-center gap-0.5">
      <li><a href="#" class="text-default/75 px-4 py-1">Home</a></li>
      <li><a href="#" class="text-default/75 px-4 py-1">About</a></li>
      <li><a href="#" class="text-default/75 px-4 py-1">Services</a></li>
      <li><a href="#" class="text-default/75 px-4 py-1">Contact</a></li>
    </ul>
  </div>
</nav>

HTML

CSS

JavaScript

前端核心技能

精通 HTML5、CSS3、JavaScript (ES6+)、Node.js，以及 TypeScript 等前端基礎技能；具備處理跨版本和跨裝置（包括手機）的相容性經驗。

前端框架

熟悉 Vue3、Nuxt3、Astro 和 Drupal 框架，能夠設計專案架構，高效地開發複雜的前端應用；並實施最佳的前端性能優化。
docs: Updated README with installation instructions

#4 by chloe-guo was merged now

refactor: Optimized database query for faster load times

#3 by chloe-guo was merged last week

fix: Resolved styling issue with product cards

#2 by chloe-guo was merged 2 weeks ago

feat: Added responsive navigation bar

#1 by chloe-guo was merged on Dec 28
版本控制

熟悉 Git 版本控制，能夠進行分支管理、合併和解決衝突，並具備與團隊進行專案協作的能力。
前端樣式、視覺互動效果

熟悉 Tailwind CSS、PostCSS 和 SASS，能夠迅速進行響應式網頁的版面設計，以符合不同裝置的需求；並擅長製作複雜的視覺互動效果，熟悉 P5.js、Three.js 等工具，提供使用者良好的互動體驗。
home.cy.ts

00:12

home page

when admin user is logged in

clicking like on a hero should increase their fan count

clicking edit on a hero should redirect to edit page

clicking delete on a hero should prompt to delete hero
自動化測試

了解前端自動化測試流程，包括單元測試、整合測試、功能測試以及 E2E 測試，熟悉使用 Cypress 等測試框架。

12345678910111213141516


name: Depoly page
on:
  push:
    branches:
      - master
jobs:
  deployment:
    runs-on: ubuntu-latest
    steps:
      - name: Checkout repository
        uses: actions/checkout@v3
      - name: Set up Node.js
        uses: actions/setup-node@v4
        with:
          node-version: '22.2.0'
      - name: Install [email protected]
        run: npm install -g pnpm
      - name: Install dependencies
        run: pnpm install
      - name: Deploy to Cloudflare Pages