BikeControl (SwiftControl)
Use Zwift Click, Zwift Play, Shimano Di2, or any Bluetooth controller with MyWhoosh, Rouvy, Zwift, and more. Free to try on iOS, Android, Windows, and macOS.
CSCS 認證教練 × AI 數據系統。體重趨勢追蹤、TDEE 自動校正、停滯期偵測。免費開始。
Translation pending
Sports & fitnessTypeScript · HTMLGitHub @chenhoward456-hashOnlineOwner unconfirmed
Have you tried it? One tap is enough. No sign-in needed.
No updates detected yet. GitHub releases will appear here.
Owners of public repositories under a personal GitHub account can sign in to verify ownership and manage the introduction themselves. No administrator approval is needed.
Sign in, generate a verification file, and commit it to this repository’s default branch within 30 minutes. Files on other branches or forks do not count. Then check the file below to manage the project without administrator approval. Keep the file to retain your access.
If needed, you will go to sign-in. After signing in, return here and press your chosen verification button again.
Run /nomorevibe verify in your project folder to verify ownership and manage the introduction yourself.
Verify in one minuteAsk about other verification options
Loading the full README. The saved excerpt is shown below.
• Framework: Next.js 14 (App Router) • Styling: Tailwind CSS • Language: TypeScript • Font: Noto Sans TC (Google Fonts)Read the full README ↗
Howard Chen 個人品牌網站 - 人體效能優化系統
V3/
├── app/ # Next.js App Router 頁面
│ ├── layout.tsx # 全域 Layout(含 Navigation)
│ ├── globals.css # 全域樣式與 Tailwind 配置
│ ├── page.tsx # 首頁(關於協議)
│ ├── case/ # 個案追蹤頁面
│ ├── training/ # 訓練工程頁面
│ ├── nutrition/ # 營養與恢復頁面
│ ├── diagnosis/ # 系統診斷頁面(互動測驗)
│ ├── tools/ # 工具與資源頁面
│ └── action/ # 開始行動頁面
├── components/ # React 元件
│ └── Navigation.tsx # 導航列元件
├── hooks/ # 自定義 React Hooks
│ └── useLocalStorage.ts # LocalStorage Hook(SSR 安全)
├── public/ # 靜態資源
│ ├── before.jpg # 個案追蹤圖片
│ └── after.jpg # 個案追蹤圖片
├── tailwind.config.ts # Tailwind 配置(品牌色票)
├── tsconfig.json # TypeScript 配置
├── next.config.js # Next.js 配置
└── package.json # 專案依賴
# 舊版檔案
├── index.html # 原始 HTML 版本(保留作為參考)
# 安裝依賴
npm install
# 啟動開發伺服器
npm run dev
# 建置生產版本
npm run build
# 啟動生產伺服器
npm start
# 程式碼檢查
npm run lint
| 路由 | 頁面 | SEO Title |
|---|---|---|
/ | 關於協議 | 關於協議 - The Howard Protocol |
/case | 個案追蹤 | 個案追蹤 - The Howard Protocol |
/training | 訓練工程 | 訓練工程 - The Howard Protocol |
/nutrition | 營養與恢復 | 營養與恢復 - The Howard Protocol |
/diagnosis | 系統診斷 | 系統診斷 - The Howard Protocol |
/tools | 工具與資源 | 工具與資源 - The Howard Protocol |
/action | 開始行動 | 開始行動 - The Howard Protocol |
--primary: #0066FF /* 清爽藍色 */
--primary-dark: #0052CC
--secondary: #FF6B35 /* 活力橙色 */
--success: #00C851 /* 清新綠色 */
--warning: #FFB800 /* 溫暖黃色 */
--danger: #FF4444 /* 警示紅色 */
每個頁面都包含:
<title> 標籤useLocalStorage Hook# 安裝 Vercel CLI
npm i -g vercel
# 部署
vercel
# Build command
npm run build
# Publish directory
.next
/admin 與 LINE 晨報共用優先清單;學員總覽可接著查看原因、上次訊息、營養調整與既有處理入口。排序、狀態含義、只讀 API 和安全本地驗證見 教練工作區交接文件。