針對一位即將競選立法委員的候選人所設計的官方網站，致力於為候選人塑造出良好的形象，同時提供重要的政見主張資訊以及捐款指引。
版本
本專案在 Node.js v18.16.0 環境下進行開發。
專案運行
您可以按照以下步驟運行專案：
npm install
npm run dev或
yarn
yarn dev這些命令將安裝所有必要的相依套件，並啟動開發伺服器，讓您能夠開始開發和預覽您的專案。
如果您需要更多詳細資訊，請參考專案的 package.json。
├── public
│ └── images/ # 包含公共的圖像資源，這些圖像可以在網站上使用。
├── src # 專案的主要原始碼資料夾，包含了應用程式的原始程式碼。
│ ├── assets/ # 包含應用程式的靜態資源，如圖像、字體等。
│ ├── components/ # 包含應用程式中的可重複使用元件。
│ ├── config/ # 包含應用程式的設定檔或設定。
│ ├── pages/ # 包含應用程式的頁面元件，用於建立不同的頁面。
│ ├── theme/ # 包含應用程式的樣式或主題相關的檔案。
│ ├── utils/ # 包含各種輔助工具或功能的實用工具函數。
│ ├── App.tsx # 應用程式的主應用程式元件。
│ ├── main.tsx # 應用程式的主入口檔案。
│ └── vite-env.d.ts # Vite的類型定義檔。
├── index.html # 應用程式的主HTML文件，用於載入JavaScript檔案和渲染應用程式。
├── tsconfig.json # TypeScript的設定文件，用於指定專案的編譯選項。
├── vite.config.ts # Vite的設定文件，用於配置建置工具Vite的行為。
├── package.json # 專案的npm套件設定文件，包含了專案依賴和腳本。
├── DESIGN.md # 設計稿、設計規範等相關說明
└── README.md # 包含項目的簡要描述和使用說明的自述文件。前端框架與函式庫
- React.js：前端開發框架，用於建立使用者介面和應用程式的元件。
- styled-components：用於建立和管理應用程式的樣式的 CSS-in-JS 函式庫。
- Material UI：提供現代UI元件的函式庫，用於建立漂亮的使用者介面。
建置工具
- Vite：用於加速前端開發和建置最佳化的建置工具。
類型系統
- Typescript：提供靜態型別檢查，提高程式碼品質和開發效率。
動畫效果
- AOS（Animation of Scroll）：用於實現頁面滾動時的動畫效果的函式庫。
部署和託管
- gh-pages：用於將應用程式部署到 GitHub Pages，以便在線上示範和分享專案。
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent