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

作品集

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

平台
技術

顯示 7 / 18 個

團隊參與

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

SaaS social platform

2023 – 2024

一個為社群與企業內部網路打造的SaaS平台。

  • PHP
  • Yii2
  • ProseMirror
方案

我主要負責的是格式化文字與Markdown編輯器:

  • 編輯器內以CodeMirror 6打造的程式碼區塊: 變更與選取範圍的雙向同步、行號、語法醒目提示、復原與重做、用方向鍵離開區塊,以及正確的複製貼上。
  • 編輯: 依使用者記住的Markdown原始碼模式,強調與刪除線的輸入規則,附新圖示與H1–H4的精簡工具列,會記住狀態的收合選單,從選取文字建立連結,相對URL與標題錨點,以及支援可翻譯關鍵字的表情符號搜尋。
  • 鍵盤與無障礙: Tab鍵在清單、表格與程式碼中可用,在其他地方則移動焦點;在表格最後一格按Tab會新增一列;支援鍵盤焦點的無障礙選單。
  • 品質與交付: 修正18個失敗的測試並新增測試,升級相依套件,ESLint,更小的打包檔,Rollup設定,CI與依標籤自動發布到npm,編輯器套件共發布8個版本。
  • 平台: 新使用者導覽,連同關聯登入一起軟刪除使用者,可設定的收合貼文高度,未讀訊息提示,邀請功能修正,啟動Bootstrap 5遷移,企業版主題、行事曆、推播通知與內容審核。

Corporate site for an agri exporter

2022 – 2023

一個以其他代理商的佈景主題為基礎、附品牌與產品目錄的企業網站。

  • WordPress
  • PHP
方案

我在不改寫佈景主題的前提下,把網站做成英文與烏克蘭文雙語:範本會切換到目前語言,所有自訂欄位標籤與產品文字都在程式碼中註冊為可翻譯。之後我又加入「關於我們」頁面,其中有一張支援桌面與行動裝置、涵蓋59個國家的互動式出口地圖,也加入附彈出視窗的雙語防詐騙聲明,並修正首頁問題。2026年,我稽核了平台,並為下一階段準備了界定範圍的計畫:內容更新、新的品牌頁面、產品技術規格、評價區塊,以及採用由右至左版面的阿拉伯文版本。

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.