Project Overview:
Developed a front-end tax comparison tool that calculates U.S. income tax across multiple scenarios based on income, filing status, and state selection. Originally built within HubSpot and later extracted as a standalone demo for portfolio purposes. (View Demo) (GitHub Code)
Developed a front-end tax comparison tool that calculates U.S. income tax across multiple scenarios based on income, filing status, and state selection. Originally built within HubSpot and later extracted as a standalone demo for portfolio purposes. (View Demo) (GitHub Code)
Responsibilities:
．Designed and implemented the user interface for inputting income, filing status, and state.
．Developed logic for comparing six different tax scenarios.
．Integrated data visualization using charts to present tax outcomes clearly.
．Optimized the project structure after exporting from HubSpot to ensure standalone functionality.
．Implemented responsive design (RWD) to ensure usability across desktop, tablet, and mobile devices.
．Designed and implemented the user interface for inputting income, filing status, and state.
．Developed logic for comparing six different tax scenarios.
．Integrated data visualization using charts to present tax outcomes clearly.
．Optimized the project structure after exporting from HubSpot to ensure standalone functionality.
．Implemented responsive design (RWD) to ensure usability across desktop, tablet, and mobile devices.
Technologies Used:
HTML, CSS, JavaScript, Chart.js
HTML, CSS, JavaScript, Chart.js
_____________
專案概述：
開發一款前端稅務比較工具，可依據使用者輸入的收入、申報狀態與州別，計算並比較六種不同的美國所得稅情境。此專案原本建立於 HubSpot 內部，後續獨立轉出作為作品集展示用。
開發一款前端稅務比較工具，可依據使用者輸入的收入、申報狀態與州別，計算並比較六種不同的美國所得稅情境。此專案原本建立於 HubSpot 內部，後續獨立轉出作為作品集展示用。
工作內容：
．設計並實作使用者介面，包括收入、婚姻狀態與州別的輸入功能。
．撰寫邏輯以比較六種不同的稅務情境。
．整合圖表呈現（Chart.js），讓稅額比較更易理解。
．在從 HubSpot 拆出後，調整結構使其可獨立運作。
．製作響應式設計（RWD），確保桌機、平板與手機皆有良好使用體驗。
使用技術：
HTML, CSS, JavaScript, Chart.js
