跳到正文
線上
zh-Hantv0.46.1 · 1d135e2
mainlane.io

作品集

我們打造的產品:挑戰、方案與成果。

平台
技術

顯示 3 / 18 個

團隊參與

我作為客戶團隊成員參與的專案。不註明客戶名稱。

Game-match streaming platform

2023年1月 – 2月

一個提供聯賽、投注、錢包與訂閱的遊戲賽事直播平台。

  • Angular
  • NestJS
  • PostgreSQL
  • MongoDB
方案

在一次短期合作中,我實作了以Socket為基礎的即時通知(未讀狀態、賽事與聯賽邀請、後端的新訂閱者事件)、給管理員使用的使用者管理(角色、附原因的停權狀態、搜尋與排序、防止變更自己的角色)、包含區塊鏈與帳戶交易的付款管理,以及支援圖片裁切的類別管理畫面與API中獨立的遊戲規則模組。

Team collaboration platform

2021 – 2022

職責資深前端工程師

一個多租戶工作空間,在網頁、iOS、Android與桌面端提供聊天、看板、行事曆、筆記、檔案與視訊通話。

  • Angular
  • NestJS
  • MongoDB
  • Electron
  • Capacitor
方案

在一年半的時間裡,我是最活躍的前端工程師之一,也負責審查並合併其他工程師的程式碼:

  • 聊天與討論串: 支援提及、表情符號、貼上圖片與拖放檔案的格式化文字編輯器;在瀏覽器、桌面端與iOS上都能使用的語音訊息;附標記、分頁以及從推播通知直達之深層連結的討論串;附「跳到最新」的無限捲動;搜尋;群組聊天與私訊;把訊息連同附件轉成任務、活動或筆記。
  • 看板與任務: 支援拖放與自動捲動的看板、待辦清單與封存、標籤與篩選、工時估算、子任務,以及即時更新的個人看板。
  • 行事曆、筆記與檔案: 提醒、全天與週期性活動、日光節約時間處理、檢查清單,以及具公開與私人資料夾及權限的資料室。
  • 視訊通話: 在空間、專案與私訊中通話,在iOS背景也能響起的鈴聲,外部訪客。
  • 行動與桌面: 新的導覽與重新設計的畫面,iPad與橫向模式支援,Android與iOS建置及商店帳號,桌面通知,勿擾模式,深層連結,以及Windows與macOS的簽署版本。
  • 效能: 將關鍵清單移到NGXS狀態管理,討論串快取,Angular與TypeScript升級。

Early experience

2015 – 2021

以Ionic與Angular打造的行動App(包括已在App Store與Google Play上架的藍牙裝置控制App)、以MQTT進行的物聯網監控、PHP網路商店與圖庫交易平台。

  • Ionic
  • Angular
  • Node.js
  • PHP
  • MySQL
  • MongoDB
方案
  • SaaS平台數據分析 · 2021。 解析並整理Google Analytics資料,為平台客戶產生儀表板與圖表。Angular, Node.js, Express, MongoDB.
  • 家具網路商店 · 2018–2020。 商品卡片改版、配送與金流串接、OpenCart自訂模組。PHP, JavaScript, MySQL.
  • 為攝影師打造的圖庫交易平台 · 2016–2020。 照片上傳與下載、中繼資料擷取、篩選搜尋、金流系統,以及AWS S3檔案儲存。PHP, JavaScript, MySQL, AWS.
  • 網路設備物聯網監控 · 2017–2020。 透過MQTT對客製化路由器下達指令、收集遠端裝置資料、儀表板,以及分析結果達到設定條件時通知使用者。Angular, Node.js, Express, MongoDB, PHP, Shell.
  • iOS與Android吉他學習App · 2017。 影片課程、收藏與新課程推播通知。Ionic, Angular, REST API.
  • iOS與Android習慣養成App · 2016–2017。 從零開發:每日任務與心情記錄、行事曆、成就圖表、排程本機提醒。Ionic, Angular.
  • 藍牙裝置控制App · 2015–2016。 搜尋裝置、密碼保護的配對、傳送BLE指令並顯示狀態、日誌記錄與錯誤處理;已在App Store與Google Play上架,並附WordPress到達頁面。Ionic, Angular, Cordova, WordPress.