Better Than 威秀 | React + TypeScript

2025/11~2026/1

此專案為火箭隊培訓營團隊作品，目標打造直覺的前後台電影購票系統。我負責登入註冊、影廳與座位管理、購票流程、頁面切版與 API 串接。採用 React + TypeScript 建構 SPA，搭配 Tailwind CSS、Vite 提升開發效率，運用 Context API 管理複雜訂票狀態、封裝 RESTful API、導入 PWA 離線體驗，並結合 Framer Motion、Swiper 與 react-zoom-pan-pinch 優化互動效果及影廳座位縮放平移操作，兼具型別安全與優質 UI/UX。

Github Repository：github.com/Adolph-hong/better-than-vieshow-user

Demo：https://better-than-vieshow-user.vercel.app/

Slide：https://pse.is/8q7hvr

測試帳號：[email protected]

測試密碼：Abcd1234

本產品以手機版體驗為主

建議使用手機開啟 Demo

( 桌機請切換行動裝置模式 )

團隊規模：UI / UX 設計師（1位）、前端（2位）、後端（1位）。