FRONTEND ENGINEER · KAOHSIUNG

把想法做成
真正能用的產品。

我是鄭韋新，擁有 3 年 React 開發經驗。善用 AI Agent 擴張一人開發的邊界，從介面、資料到部署，把複雜需求整理成清楚、可用的數位體驗。

看我的實作
build-profile.ts⌘ K

01const engineer = {

02  name: "鄭韋新",

03  focus: ["React", "Product UX"],

04  mode: "AI-augmented",

05};

3+YEARS / FRONTEND
4CODEX / SIDE PROJECTS
SCROLL TO EXPLORE
01 / SELECTED WORK

用 Codex，
把 side project 做到底。

每一個作品都從真實興趣或需求出發。不是停在概念，而是走完規劃、實作、整合與上線的完整路徑。

01AI STORYTELLINGCODEX-BUILT

互動式 AI 生成小說網站

共筆下一頁

把閱讀變成共同創作。讀者不只翻頁，還能選擇故事走向，讓 AI 接續生成下一段敘事，形成每次都不同的閱讀路徑。

Next.jsAI AgentSupabasePrompt Design
OPEN PROJECTnextstory.hoogaworld.com
共筆下一頁網站首頁畫面
02DATA VISUALIZATIONCODEX-BUILT

把氣象 API 轉成可探索的資訊介面

日本即時氣象地圖

串接即時氣象資料，將多城市資訊映射到互動地圖。用視覺層次簡化高密度數據，讓使用者一眼理解各地天氣差異。

Vue 3D3.jsWeather APIData Viz
OPEN PROJECTvue3-weather-zeta.vercel.app
日本即時氣象地圖與各縣市溫度畫面
03AUTOMATION SYSTEMCODEX-BUILT

從爬蟲、AI 辨識到前端展示

日本新品追蹤系統

整合連鎖餐飲新品資料，自動收集、辨識並整理成可瀏覽的內容。把繁瑣的情報蒐集流程變成一套可持續運作的產品。

Node.jsWeb CrawlerAI VisionCI/CD
OPEN PROJECTjpfood-tracker.vercel.app
日本連鎖餐飲新品追蹤網站商品卡畫面
04LEARNING EXPERIENCECODEX-BUILT

N1–N3 題庫的互動學習循環

JLPT 漢字練習遊戲

用即時回饋、題目節奏與清楚的進度感，讓單字與漢字練習不再只是背誦，而是一段可持續挑戰的遊戲體驗。

JavaScriptGame UXJLPTResponsive
OPEN PROJECThooga0828.github.io/JLPT-GAME
JLPT 漢字練習遊戲答題畫面
02

EXPERTISE / HOW I WORK

技術是手段，
清楚好用才是答案。

從 React 生態系出發，保有對使用者與產品脈絡的敏感度；AI 則是我加速探索、驗證與交付的夥伴。

01

前端產品開發

React、Next.js、TypeScript、Vue 3；從元件架構到響應式介面。

02

跨端與系統整合

WebView JS Bridge、REST API、第三方登入，以及前後端協作流程。

03

AI Agent 開發模式

提示詞設計、AI 輔助編碼與自動化腳本，獨立完成含資料庫的產品。

04

使用者體驗簡化

具高齡使用者產品經驗，擅長把複雜資訊與操作路徑變得直覺。

REACT TYPESCRIPT NEXT.JS VUE 3 TAILWIND CSS SUPABASE NODE.JS D3.JS GITHUB ACTIONS CLOUDFLARE
03

STORY / EXPERIENCE

鄭韋新大頭貼

跨出舒適圈，
也跨出技術的邊界。

使用 Gmail 聯絡我popo51102@gmail.com

在 30 歲前往日本語言學校，是一次主動選擇陌生的挑戰。那段經驗訓練了我的獨立解題、快速適應與跨文化溝通，也讓我更確定：面對新的技術與環境，我願意先走出去，再把它學會。

回到台灣後，我把這份韌性放進每一次實作。持續精進 React、Next.js、Tailwind CSS 與 Vue，並用 AI 工具突破一人開發的邊界。

2022 — 2025

前端工程師

吉樂健康資訊科技

課程首頁與論壇改版、內部後台、WebView 協作、高齡使用者體驗優化
2022

前端工程師

金富達科技

React、Styled Components、Google 登入與 API 串接
2021

前端工程師養成班

資策會

前後端、資料庫、Git 與團隊專案開發