dot

A frontend developer passionate about creative coding.

Education & Work Experience

Over 5 years of experience in frontend development.

  • CLICKFORCE 域動行銷股份有限公司

  • Block Studio 版塊創意有限公司

  • 聖誕老人國際股份有限公司

  • 薩摩亞商達博網路服務有限公司

  • Work

  • 銘傳大學資訊傳播工程學系

  • Education

  • Experience

  • Senior Frontend Developer

    CLICKFORCE 域動行銷股份有限公司 2023.05 - now

    Senior Frontend Developer CLICKFORCE 域動行銷股份有限公司

  • Frontend Developer

    Block Studio 版塊創意有限公司 2023.02 - 2023.04

    Frontend Developer Block Studio 版塊創意有限公司

  • Frontend Developer

    聖誕老人國際股份有限公司 2021.04 - 2023.01

    Frontend Developer 聖誕老人國際股份有限公司

  • Frontend Developer

    薩摩亞商達博網路服務有限公司 2018.12 - 2021.03

    Frontend Developer 薩摩亞商達博網路服務有限公司

  • 畢業於

    銘傳大學資訊傳播工程學系 2013.09 - 2018.06

    畢業於 銘傳大學資訊傳播工程學系

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 等前端基礎技能；具備處理跨版本和跨裝置（包括手機）的相容性經驗。

    • 0
    • 1
    • 2
    • 3
    • 4
    前端框架

    熟悉 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
    雲端服務、CI/CD

    了解 AWS、Cloudflare 等雲端服務與 CI/CD 流程和工作流程優化，實現持續整合和持續部署並進行管理，提升開發團隊的效率和品質。

Curated Website
Portfolio

Showcasing web development project since 2019.

Contact Me

Please leave me a message. I will contact you as soon as possible.