網站連結 

量化交易產品

釐清需求、設計並開發線上量化交易介面，使用回測系統建立、儲存單一策略與多策略，透過交易機器人做量化交易下單，以 real-time 績效儀表板做呈現。

• 了解客戶需求，從 UIUX 設計到前端實作。
• 與後端協作串接證券商 API。
• Tailwind 規劃 RWD 響應式網頁。
• 透過 Next.js 作為前端框架，並透過 TypeScript 規範型別。
• 使用 Echarts.js 作為資料視覺化函式庫。
• 使用 Tanstack 製作表格。
• 使用 Socket.io 製作 real-time 儀表板監控。
• 透過 Figma 製作設計稿，規劃 Design Guideline。

網站連結 ｜ GitHub  |  開發紀錄Medium

篩篩車 - 個人專案

運用 React 打造出「台北市汽車族查找停車場」的網站，並串接 Google Map API ，提供使用者定位當前位置、尋找停車場、查看停車場資訊、搜尋與篩選有剩餘車位停車場，也可以切換地圖樣式。

• 透過 React.js 作為前端主要函式庫。
• CSS / SCSS 規劃 RWD 響應式網頁。
• 串接 API ：臺北市停車場資訊、台灣郵遞區號(3碼)經緯度查詢。
• 使用 Google Map API  製作地圖功能。
• 使用 SweetAlerts 設計正確、錯誤提示框。
• 使用 Jest 做前端測試。

網站連結 ｜ GitHub 

茶葉先森客製商品網站 - 個人專案

（進行中）

從兩年前開始接案畫畫的我，希望透過前端技術可以自己架出一個能夠讓使用者上傳照片，並在聊天室與我討論商品客製化細節的網站。
欲透過這個專案展現我對於產品想法與解決現實問題的態度。

• 目前完成部分：檔案架構規劃、首頁 RWD 排版。
  
• 擔任負責人發想專案想法與架構。
• 透過 Figma 設計稿與設計師溝通設計。
• 透過 Next.js 作為前端主要框架。
• Styled-components 規劃 RWD 響應式網頁。
• 使用 TypeScript 規範型別。
• 透過 Vercel 部署。