吳文凱

應徵職位：前端工程師

工作地點：新北、台北

喜歡挑戰、創造，相信不斷改變及學習才能保持熱忱及動力。

電話：0939639301

信箱：[email protected]

前端技能

Vue.js 

Vue2、Vue3
Vuex、Pinia
Vue Router
SPA、SSR 網頁製作
Nuxt2、Nuxt3
vue-apexcharts

JavaScript

熟悉 JavaScript 基礎語法
熟悉 RESTful API 介接
ESLint (airbnb) 管理程式碼風格

Web Layout

HTML5 / CSS3
RWD
Tailwind
SCSS

其他

熟悉 Git Flow 開發流程
熟悉 GUI 及 CMD 操作
熟悉 GitHub 遠端版控
網站 i18n 設置
前端 SEO 優化
GA4

PicSee 線上縮短網址服務

公司主力專案，擔任腳色主要為維護及新功能開發。

參與開發功能：

新的付費方案及金流串接
One Tap Google 第三方登入
使用者設定頁
閒置小卡
i18n 多國語系
GA4

使用技術：

使用 Nuxt2 作為 SSR 端渲染，Vuex 做為資料管理，CSS 部分則用 SCSS。

目前正在重購，技術棧改為 Nuxt3，資料管理改為 Pinia，CSS 部分使用 Tailwind，並加入 Vitest 測試框架。

官網

網紅情報局

網紅媒合及發案

主要客群為需要發案的產品商以及負責媒合的行銷公司，功能為搜尋品牌或 KOL 找尋相似 KOL ，並依需求篩選出自己需要的 KOL，後續進入發案流程後會與行銷公司配合。

使用技術：

使用 Nuxt2 + nuxtjs/composition-api，Pinia 作為資料管理，CSS 框架為 Tailwind。

利用 vue-apexcharts 做資料圖表呈現，並用 exceljs 及 vue-html2pdf 作為匯出 .xlsx 或 .pdf 的工具。

官網

SocialVIP 前後台

社群名片製作網站

後臺為管理後台，可創建短網域製作多個不同的前台頁面，控制前台版面配置，有自動更新頻道資訊及打開網頁自動跳轉功能，以及收益儀表板，可看出每日贊助及廣告收益，並申請提領。

後台技術棧：Nuxt2 作為 SSR 端渲染，Vuex 做為資料管理，CSS 部分則用 SCSS。

前台技術棧：為 Vue3 + Vite ，Pinia 作為資料管理，CSS 框架為 Tailwind。

後台 | 前台

外部合作專案：

銀行縮短網址服務介面、GA3 資料轉移及備份 (串接 GA3 API 及 BigQuery API)、網紅情報局國際版

內部專案：

PicSee 使用者管理後台、SocialVIP 前台

推動及參與分享會：

Monorepo、Cypress、UnoCSS

學經歷：

十二月 2020 - Present

前端工程師

透視數據有限公司 PicSee Inc.

現有專案維護及開發 (PicSee、網紅情報局、SocialVIP)、新專案及合作專案開發

與後端、UI/UX 合作開發產品、新技術研究及實作，目前獨自完成(前端) 三個外部合作專案、三個內部專案，與其他前端合作完成三個專案。

原有專案配置為 Vue2、Nuxt2、SCSS，後續獨自專案從導入 @vue/composition-api 開始到直接使用 Vite + Vue3，CSS 部分則由 SCSS 轉為 Tailwind，資料管理則由 Vuex 換為 Pinia，目前正進行 Nuxt3 及 Vitest 技術導入使用。

一月 2020 - 十月 2020

研究前端技術

1 - 4 月開始接觸並會使用 HTML / CSS ，並開始接觸 JavaScript，並於 4 月加入高雄火箭隊，將原先學習的概念加強，並應用於專案上。於 9 月完成最終專案，使用 Vue CLI 及 Tailwind 等技術製作完成。

十二月 2017 - 十二月 2019

食品研發人員

八月 2010 - 八月 2016

動物科學系

國立中興大學碩士畢，國立嘉義大學學士畢