王証頡

前端網頁工程師,擅長使用 React、CSS-in-JS 開發

Skills: React.js, HTML/CSS, JavaScript, Next.js, React Hooks, Redux, styled-components, SWR, Chakra UI, Tailwind CSS, SCSS / SASS, git, Github, RESTful API, Webpack

 

工作經歷

三月 2020 - 五月 2022

前端工程師  威珼數位科技有限公司

  • 獨立開發活動售票平台前端網站,提供前台瀏覽活動、會員登入購票、入場憑證服務,以及活動主辦後台的儀表板統計、活動內容上稿、購票與活動問券表單、訂單財務報表系統。
  • 主導開發 2021 未來商務線上年會官網,串接展方會員系統,以及導入自家售票平台,提供展會內多場子活動販售免費票、付費票服務。
  • 依照設計師規劃之 Design System ,使用 CSS-in-JS 框架開發重用性 UI 元件,用於更新自家平台前台、後台介面,獲得翻倍開發速度及一致性開發體驗。
  • 開發 2020 未來商務年會、2020 台北國際汽機車零配件展......等,線上論壇直播網站。串接展方會員系統作報名及觀展使用,展會期間皆有上千至上萬人次瀏覽互動。

Technologies: Next.js (incl. API Routes), React, React Hooks, SWR, Vercel Workflow, Chakra UI, styled-components, Webpack, crypto-js, Cookie, cypress

四月 2017 - 一月 2020

前端工程師  方客特有限公司

  • 帶領前端團隊協同後端團隊從 Laravel MVC 架構轉移至 MVVM 架構做前後端分離開發,使用 Next.js 作為主要前端框架。不只擁抱時下興起的 SPA,更讓前端團隊專注於前端程式開發,提升網站使用者與開發者體驗。
  • 與團隊開發 SEGA 活動情報活動報名網站,規劃頁面、模組拆分給成員製作,也一同開發前台使用者報名網站、後台管理者網站,串接後端 API 完成上稿編輯器、系統信編輯器、QR Code 報到與帳號權限管理頁面。
  • 開發常用排版套件並打包發布至 npm 或 Github,引入各專案使用。
  • 從無至有建置 20 多個上線網站,包括靜態網站與動態生成網站,實現過 RWD 排版、串接後端 API、帳號密碼/Oauth登入、多國語言、無障礙 AA 網站......等技術。

Technologies: Next.js, React, React Hooks, Redux, styled-components, RESTful API, Rollup, Laravel, Vue.js, SCSS, JavaScript, HTML

其它經歷

青年行動家論壇活動系統

提供百位活動參與人員,使用個人 QR Code 名牌與活動網頁完成兩天論壇活動,並使大會能實時統計報到、積分與名次計算。

  • 自動化串接 Google Forms 報名資料至資料庫。
  • 抽象化積分系統供投票、攤位闖關、評審評分等環節使用。
  • 手機網頁掃描 QR code 報到、闖關。
  • 搭配上稿系統生成二十多組隊伍介紹網站。
  • 即時出席與名次紀錄。

Technologies:Next.js (incl. API Routes)、React、React Hooks、Tailwind CSS、Airtable (as DB and Dashboard)、QR code Reader

新生命小組教會內部直播平台

2020 年新冠疫情於台灣影響之際,指揮中心制定社交距離事項,使得宗教活動場所聚會受限。因應需求開發電腦、手機版直播觀看網站,提供每週多時段、多地點聚會直播,以及設有瀏覽權限控管。於一天內規劃、開發完成,當週上線解決千組觀看需求,並且使用至今。

Technologies:Next.js (incl. API Routes)、React、React Hooks、styled-components、Airtable (as DB)、Youtube Live Streaming

陳志遠特展

台北流行音樂中心首檔自辦特展 - 音樂怪博士陳致遠特展官方網站。

Technologies: Next.js、React、React Hooks、Tailwind CSS

婚禮邀約表單

仿製 Typeform 製作個人婚禮邀約表單。

Technologies: Next.js、React、React Hooks、Tailwind CSS、React Hook Form、Airtable

學歷

NTUST, 國立臺灣科技大學  資訊工程系


2013 - 2017