Sinopac Dual Currency Card Calc.

永豐幣倍卡回饋計算機

  • Vue
  • TypeScript
  • Tailwind CSS
  • Vite
  • UI/UX
  • Jun, 2021

簡明的信用卡回饋計算機,輸入刷卡金額並選擇帳戶資格即可試算回饋金額。

此專案採用 Vue 3 的各種新特性,如 Composition API、 <script setup>,並引入 TypeScript 以獲得無縫的開發體驗。

組件完全以 Tailwind CSS 建構,透過 Dark Mode 的 class strategyVueUseuseDark() 來輕鬆實現深色模式。

Demo

https://ngseke.github.io/sinopac-dual-currency-card-calculator/

(註:一代神卡已殞落,2022 年後已不再適用此回饋規則)