技能
核心
- 程式語言 : HTML, CSS, JavaScript
- 網路連線 : HTTP, AJAX, RESTful APIs, Browser Compatibility
- RWD
進階技能
- 框架 : React, Next.js
- 狀態管理: Redux
- CSS 預處理 : SASS
- CSS-in-JS library: Emotion
- 資料庫: Firebase
- 後端: GraphQL
- 其他: SEO
工具
- 版本控制 : Git
- 模組管理 : Webpack
- 檢查排版 : ESLint, Prettier
學歷
國立雲林科技大學資訊管理系
多益 845 分
經歷
TutorABC - 2021 年 07 月 - 迄今
- TutorABC Shop 從零建置直播電商專案，熟習 web 直播相關技術
- 擁有電商 know how，熟悉商業流程，包含商品上架到金流及物流
- 官網多語系及在地化
- 改造登入註冊系統，透過前後端分離，優化登入註冊體驗
- 負責公司後台系統架設及管理
- 優化及重構舊專案程式碼
- 指導其他前端夥伴，建立前端開發制度
紅鬍子數位有限公司 - 2020 年 11 月 - 2021 年 07月
- 依照設計稿完成 RWD 切版
- 形象網站動畫特效
- 解決跨瀏覽器相同問題
- 網站 SEO 優化，提高搜尋引擎排名
Cloud Interactive 雲端互動 - 2019 年 8 月 - 2020 年 11 月
- 熟悉 Scrum 流程且積極有效地與他人溝通
- 與後端串接 RESTful API
- 成為專案主要開發者且能獨立作業
- 依照設計的設計稿切版且完成 UX flow
- 設計可重複使用的前端組件
TutorABC官網
- 透過 Next.js 從零建置專案，依照不同情境處理 SSR 及 ISR 頁面
- i18n 多國語系，導入 excel doc 統一管理
- 網頁效能優化，針對 web vitals 提高初次載入速度
- SEO 優化
ReCards
- 透過 Gatsby 快速建立靜態網站
- 相容不同瀏覽器
- RWD 支援各種裝置
- 形象官網動畫特效
- 透過 Node.js + React + GraphQL 進行專案開發。
- 使用 Firebase Authentication 建立會員系統。
- 透過 Firebase Authentication 產生 token 辨識會員身份。
- 建立後台刊登系統，含新增、刪除、更新功能。
- 連結 Firebase Database 動態生成房屋資訊。
- 透過 Filter 實現搜尋。
- 串接 Google Map API 在地圖顯示房屋資訊。
- 使用 GitHub 進行版本控制。
- 透過 Apollo client subscription 達成 web socket 效果，使問答區即時更新。
