阿波羅天文館官方網站前端 (Apollo Website - Frontend)

使用 Vue.js 3 + Vue Router + Vuex + Vite 開發的天文館官方網站前端專案。

---

專案簡介

這個專案是為 阿波羅天文館 開發的官方網站前端，主要功能包含展覽資訊展示、活動報名、會員登入與票務功能。專案使用 Vue.js 3 架構，搭配 Vue Router 管理頁面路由、Vuex 做全局狀態管理，並以 Vite 作為開發與打包工具。目標是提供使用者 直覺、流暢的瀏覽體驗，同時支援即時互動和動態資料更新。

---

技術架構

• Vue.js 3：核心前端框架
• Vue Router：路由管理
• Vuex：全局狀態管理，統一管理會員、票務、購物車等共享資料
• Axios：串接 ASP.NET API 與資料請求
• Vite：開發與打包工具，快速熱更新與高效編譯

---

功能特色

• 展覽與活動資訊：動態呈現最新展覽與活動，可搜尋與分類
• 會員功能：登入、註冊、個人資料管理及會員專屬功能
• 票務系統：票券選購、加入購物車、結帳流程及數量控制
• 互動介面：即時更新資料，表單驗證友善，操作流暢
• 響應式設計：桌面、平板與手機皆可順暢瀏覽