參與專案

公司專案 接案專案 Side Project

虛擬貨幣交易所

2020/11 - Now

虛擬貨幣交易所平台

  • 擔任角色
    Frontend
  • 技術應用
    React.js
    Ant Design
    SCSS
    React Hook
    i18n
    Apollo GraphQL
  • 工具應用
    VS Code
    GitLab
  • 專案環境
    GCP
    Docker
    Nginx

鷹馬急速瀏覽器 - 形象網站

2020/5 - 2020/7

鷹馬急速瀏覽器官網(前/後台)

  • 擔任角色
    Frontend
  • 技術應用
    Nuxt.js
    Ant Design Vue
    SCSS
    Pug
  • 工具應用
    VS Code
    GitLab
  • 專案環境
    GCP
    Nginx

Ant Design Vue - 後台 UI

2020/11 - Now

Ant Design Vue - 後台 UI Demo

  • 擔任角色
    Frontend
  • 技術應用
    Vue.js
    Ant Design Vue
    SCSS
    i18n
  • 工具應用
    VS Code
    GitLab
  • 專案環境
    Docker
    Nginx

DMP

2019/04 - 2020/04

邁圈數位整合產品 - 追蹤碼資料管理平台。

  • 擔任角色
    Frontend
  • 技術應用
    Vue.js
    Lazy4-vue
    SCSS
    JS
    Node.js
    GA
    FB Pixel
    Google Ads
  • 工具應用
    VS Code
    MAMP
    Navicat Premium
    Xmind
    GitLab
    Redmine
    Postman
    apiDocs
    GTM
  • 專案環境
    GCP
    Ubuntu 18.04
    PostgreSQL
    MongoDB
    Nginx
    Docker
    CloudFlare

華為新影像活動網站

link icon
2019/04 - 2019/04

邁圈數位整合外包案 - 華為新影像 2019 攝影大賽。

  • 擔任角色
    Frontend
  • 技術應用
    Vue.js
    SCSS
    PHP
    Lazy4-vue
  • 工具應用
    VS Code
    GitLab
    JQuery
  • 專案環境
    MariaDB
    Ubuntu
    Nginx

二級預防及健康管理 App API

link icon
2018/06 - 2019/03

同心測寶，與顧問管理平台結合，並可獲得醫師醫囑。

  • 擔任角色
    Frontend
    Backend
  • 技術應用
    HTML
    LESS
    JS
    PHP
    Canvas
    APNs
    Baidu Push API
    WeChat API
    Aliyun Mail API
  • 工具應用
    VS Code
    Bitbucket
    XAMPP
    Draw.io
    Trello
    Cloud 9
  • 專案環境
    Alibaba Cloud
    AWS
    Ubuntu 14.04
    Nginx
    MySQL

以斯帖客服管理平台

2018/01 - 2019/03

由客服人員使用，配合二級預防、心測寶，協助會員註冊、追蹤使用動態、列印測量報告。

  • 擔任角色
    Frontend
    Backend
  • 技術應用
    HTML
    LESS
    JS
    Node.js
    Canvas
  • 工具應用
    VS Code
    Bitbucket
    XAMPP
    Trello
    PHPMyAdmin
  • 專案環境
    Alibaba Cloud
    Ubuntu 14.04
    Nginx
    MySQL

河南華夏以斯帖官方網站

link icon
2017/01 - 2019/03

科睿生物科技分公司 - 公司形象網站。

  • 擔任角色
    Frontend
    Backend
  • 技術應用
    HTML
    LESS
    JS
    i18n
  • 工具應用
    VS Code
    Bitbucket
  • 專案環境
    Alibaba Cloud
    Ubuntu 14.04
    Nginx

醫師顧問管理平台

2016/09 - 2019/03

結合二級預防及心測寶 App 與河南省正骨醫院臨床醫師合作，追蹤病患檢測狀態並下達醫囑。

  • 擔任角色
    Frontend
    Backend
    UI
  • 技術應用
    HTML
    LESS
    JS
    Webpack
    Vue.js
    PHP
    Canvas
    SVG
    JQuery
  • 工具應用
    VS Code
    Bitbucket
    XAMPP
    Draw.io
    Trello
    Cloud 9
    PHPMyAdmin
  • 專案環境
    Alibaba Cloud
    Ubuntu 14.04
    Nginx
    MySQL

心測寶 App

link icon
2016/02 - 2019/03

透過 Truly 血壓計測量，進行數據分析，判斷心血管疾病與血壓報告。

  • 擔任角色
    Frontend
    Backend
  • 技術應用
    HTML
    LESS
    JS
    PHP
    Canvas
    APNs
    Baidu Push API
    WeChat API
    Aliyun Mail API
  • 工具應用
    VS Code
    Bitbucket
    XAMPP
    Draw.io
    Trello
    Cloud 9
    PHPMyAdmin
  • 專案環境
    Alibaba Cloud
    AWS
    Ubuntu 14.04
    Nginx
    MySQL

兆豐文創有限公司官方網站

link icon
2013/09 - 2013/10

大寶科技分公司 - 兆豐文創形象網站。

  • 擔任角色
    Frontend
    Backend
  • 技術應用
    HTML
    CSS
    JS
  • 工具應用
    Dreamweaver
  • 專案環境
    Windows server 2003
    Apache

21 天腦波雲端教室

link icon
2013/02 - 2014/01

與神念腦波耳機藍牙連結，透過模擬書法寫字練習， 訓練與分析使用者大腦的專注與放鬆，目的為解決專注力缺乏症以及無法幫助自我放鬆的訓練軟體，並有網站顯示測量報告。

  • 擔任角色
    Frontend
    Backend
  • 技術應用
    HTML
    CSS
    JS
    PHP
    ActionScript3.0
  • 工具應用
    Dreamweaver
    PHPMyAdmin
    Adobe Flash Professional
  • 專案環境
    Windows server 2003
    MySQL
    Apache

顥玥數位科技官方網站

link icon
2019/06

個人團隊外包案 - 公司形象網站。

  • 擔任角色
    Frontend
  • 技術應用
    HTML
    LESS
    JS
  • 工具應用
    VS Code
    Bitbucket
    Adobe XD
  • 專案環境
    XAMPP

坂茂綠能工程網站管理後台

2018/12 - 2019/04

個人團隊外包案 - 公司形象網站管理後台。

  • 擔任角色
    PM
    Frontend
  • 技術應用
    HTML
    SCSS
    JS
    Node.js
  • 工具應用
    VS Code
    Bitbucket
    Trello
  • 專案環境
    ConoHa
    Ubuntu 18.04
    Nginx
    MariaDB
    CloudFlare
    Docker

坂茂綠能工程官方網站

link icon
2018/12 - 2019/04

個人團隊外包案 - 公司形象網站。

  • 擔任角色
    PM
    Frontend
  • 技術應用
    HTML
    SCSS
    JS
    Node.js
  • 工具應用
    VS Code
    Bitbucket
    LINE bot
    Adobe XD
    Trello
  • 專案環境
    ConoHa
    Ubuntu 18.04
    Nginx
    MariaDB
    CloudFlare
    Docker

高雄市空間藝術學會網站管理後台

2016/11 - 2017/02

個人團隊外包案 - 學會形象網站管理後台。

  • 擔任角色
    PM
    Frontend
  • 技術應用
    HTML
    LESS
    JS
    PHP
  • 工具應用
    Sublime Text
    Bitbucket
    PHPMyAdmin
  • 專案環境
    ConoHa
    Ubuntu 18.04
    Nginx
    MariaDB
    CloudFlare
    Docker

高雄市空間藝術學會官方網站

link icon
2016/11 - 2017/02

個人團隊外包案 - 學會形象網站。

  • 擔任角色
    PM
    Frontend
  • 技術應用
    HTML
    LESS
    JS
    PHP
  • 工具應用
    Sublime Text
    Bitbucket
    PHPMyAdmin
  • 專案環境
    ConoHa
    Ubuntu 18.04
    Nginx
    MariaDB
    CloudFlare
    Docker

台灣屏東 - 台電電線桿地圖

link icon
2021/03

幫朋友做的小專案，方便他們用編號直接找到電線桿，並開啟 Google Map 導航。技術上是先用爬蟲去抓開放的【屏東電桿坐標及桿號】，所有桿號和座標寫到資料庫，讓使用者搜尋後，再用爬蟲去爬【台電圖號座標定位系統】，利用 TWD67 座標取得經緯度後，再連結到 google map。

  • 擔任角色
    FullStack
  • 技術應用
    Vue.js
    Element UI
    Node.js
  • 專案環境
    GitLab Pages

Bootstrap-Vue UI Library

link icon
2021/02 - Now

Bootstrap-Vue 的 UI Library，幫助前端快速開發，未來可按需加載各種頁面、組件、工具和 Mock Server(開發中)。

  • 擔任角色
    Frontend
  • 技術應用
    Vue.js
    Bootstrap-Vue
  • 專案環境
    GitLab Pages

XFL 旅遊筆記

link icon
2020/12

這是參考 HackMD 的功能，設計的筆記本，主要是為了讓朋友方便看旅遊內容，因為 Trello 無法設計 Style，用手機看得很痛苦，才會設計這套網站，來同步 Trello 的列表和卡片(現在都用 Notion 了，所以沒有在維護了)。

  • 擔任角色
    Frontend
  • 技術應用
    Vue.js
    Nuxt.js
    Express
    Node.js
    markdown-it
    CodeMirror
  • API 應用
    Trello API

時間管理計時器

link icon
2020/02

在工作上，可以觀察自己都把時間浪費在甚麼地方上，而設計的時間管理器，可以透過點擊時鐘下方的文字開始計時，點擊其他類型可切換時間，還可以匯出 excel，方便你自己統計。

  • 擔任角色
    Frontend
  • 技術應用
    Vue.js

Lazy4-vue UI Library

link icon
2020/01 - 2020/04

於邁圈數位公司應用，結合 Kule Lazy 4 Vue Framework 的 UI Library，幫助前端快速開發(已暫停)。

  • 擔任角色
    Frontend
  • 技術應用
    Vue.js
    Kule Lazy 4
  • 專案環境
    Ubuntu 18.08
    Nginx