工作經歷
前端工程師 • 奇蹟行動科技有限公司
七月 2020 - 四月 2022
使用 React Native 和 React 搭配 MobX 開發網頁和手機雙平台 ( Android / iOS ) APP。
和甲方、PM 溝通需求，和後端討論 API 資料格式， 任職期間經手 4 個專案。
經手專案
台北捷運即時車況
2021/4~2021/5和台北捷運、盟立自動化公司合作，我負責開發桌面應用程式，提供民眾查詢捷運票價、通勤時間和及時車況查詢，應用程式在忠孝復興站和南港展覽館站服役中。
- 使用 React、anime.js、Electron.js 開發
- 處理捷運當前軌道 API 資料 (XML、CORS)
- 利用 google sheet 整理 7 份 excel 相關軌道資料，產生 3 份 JSON 資料
- 開發天氣預報、捷運新聞、翻卡遊戲、 360度影片、廣告輪播等等功能
APIS 維修工單系統
2021/6~2021/8接手舊專案開發，這個 APP 可以協助客戶建立設備的維修工單，並指派給對應工程師處理。該產品沒有上架，僅供客戶公司內部使用。
- 使用 React Native、MobX 開發
- 一般登入登出、指紋辨識和臉部辨識登入
- google 定位、打卡簽名、讀取簽名擋
- 拍照上傳、圖片縮放裁切、圖片預覽
- NFC 掃描，讀取工單資訊
- 工單搜尋 (編號 id、日期區間、負責人員、工單類別)
- 依據工單性質呈現對應子表單，表單內容根據 schema 動態產生
細細生活線上買房
2021/9~仍在進行線上買房網站，客戶可在後台指定版型，滿足各建商客製不同的建案網站。我和另一位前端工程師合作開發，前端部份有前台(買房的網站)、後台(建案管理平台)，我負責開發前台，根據後台的資料動態產生模板。
- 使用 React hook 、 MobX 開發
- 處理 SEO (react-spa-prerender)
- 綠界支付
- 棟、樓、戶購買流程及購物車功能
- 購買流程中離開頁面彈窗提醒(react-beforeunload、react-router history block)
- 購買明細 pdf 下載
- 串接線上客服 sdk
Sandshour 線上課程(上架送審中)
2021/12~仍在進行線上課程網站，類似一號課堂。前端部份由我和另一位工程師合作開發 APP，以下是我負責的部分。
- 使用 React Native 、 MobX 開發
- google 登入、apple 登入
- 音檔課程文檔互動，點擊放大圖片、調整字體大小 (WebView)
- 分享課程(deep link)
- 斷網處理
- 多國語系
- 課程星等評分、章節播放權限(有無試聽)、章節留言(新增、編輯、搜尋)
- 我的最愛列表、可學習課程列表、學習歷史紀錄列表、訂單記錄列表
- 折價券、課程兌換碼、點數儲值、購買課程
