VOL. 012026
E-COMMERCE ARC
Vue 3 + Quasar + TypeScript 電商平台，完整響應式設計、Pinia 狀態管理、Axios API 封裝、reCAPTCHA、SSR + SEO
- Vue 3
- Quasar
- TypeScript
- Pinia
- Vue Router
- +4
WORK
商業專案與個人 Side Project 的完整索引。首頁只放了精選幾件，這裡是全部——可以依技術棧篩選，點進去看每一件的實作細節。
技術12 件
VOL. 022024- VOL. 032024
ADMIN SYSTEM ARC
React + MUI 後台系統，WebSocket 即時客服聊天室，LINE 貼圖渲染、排班、訂單、會員管理模組
- React
- Next.js
- TypeScript
- MUI
- WebSocket
- +1
- VOL. 042025
CLINIC SYSTEM
醫美診所管理系統，React Hook Form + Zod 多步驟表單、TanStack Query、帳號權限管理、罐頭訊息模組
- React
- TypeScript
- React Hook Form
- Zod
- TanStack Query
- VOL. 052025
EMS DASHBOARD
React 19 + Vite 能源 / 環境監控 SPA，自適應縮放（1280px 至 4K），即時節點流量追蹤、品牌設計系統
- React 19
- Vite
- TypeScript
- Tailwind CSS
- RESTful API
- VOL. 062025
POS CHRONICLES
平板最佳化餐飲 POS 系統，WebSocket 即時訂單更新、條碼掃描、多元支付辨識，高頻操作場景設計
- React
- Tailwind CSS
- WebSocket
- TypeScript
VOL. 072025
VOL. 082025- VOL. 092026個人專案
TRAVCAT
個人 Side Project：React Native + Expo 旅遊記錄 App，Offline-First 架構、Supabase 雲端後端，完整走過 EAS Build 到 TestFlight 上架
- React Native
- Expo
- TypeScript
- Supabase
- PostgreSQL
- +4
VOL. 102025INSPECTION FIELD APP
驗屋現場用的 React Native / Expo App，Offline-First 架構：畫面優先讀本地 SQLite 與離線圖包，網路只負責背景推送與增量同步
- React Native
- Expo SDK 54
- TypeScript
- Expo SQLite
- Laravel API
- +4
- VOL. 112026
FANMAP
K-pop 追星地圖 App：活動探索、地圖找地點、行程規劃與數位票券收藏，Expo SDK 57 + Expo Router + NativeWind
- React Native 0.86
- Expo SDK 57
- Expo Router
- TypeScript
- NativeWind
- +4
VOL. 122026FANMAP ADMIN
追星地圖 App 的管理後台：管理員帳號與細粒度權限、活動與地點管理、應援申請審核、法務文件版本控管
- React 19
- Vite
- TypeScript
- TanStack Router
- TanStack Query
- +7