115-summer-camp

專案介紹

SCAICT 115 暑訓官網是中電會 2026 暑期活動的介紹與資訊入口。網站以 Vite／React 建置，把課程、講師、日程、團隊與報名資訊整理成可以先快速瀏覽、再深入查看的活動網站。

活動資訊怎麼呈現

• 課程與講師：介紹從 Go 語法、Telegram API 到團隊黑客松的四天課程安排。
• 日程與報名：集中展示時程、費用方案、住宿與注意事項，再連往 KKTIX 報名。
• 團隊與社團：提供工作人員、合作社團與支持單位的介紹。
• 活動成果：以照片、歷屆成果和參與者回饋，補充活動的實際樣貌。

首頁與詳細頁的銜接

首頁使用長頁面分區導覽，課程、團隊、社團與照片另有詳細頁。詳細頁採延遲載入，返回首頁時會回到對應區段，讓訪客繼續原本的瀏覽位置。

視覺以深色底、暖色重點與大幅照片呈現，桌機和手機則分別安排資訊密度；例如報名方案在桌面用表格比較，手機改為卡片。

建置與部署

儲存庫提供 Docker、GitLab CI 與平台服務設定，配合部署平台分配的連接埠啟動前端。網站內容與頁面元件分開整理，方便活動資訊變更後持續更新。