台北一日遊

這是一個能讓使用者「探索雙北捷運沿線特色景點」與「預約付費導覽服務」的旅遊電商網站。

前端 UI 依照 WeHelp Bootcamp 提供的 Figma 文件進行開發，後端依照 WeHelp Bootcamp 提供的景點資料和 Swagger UI API 文件進行開發。　

您可點擊本文標題來開啟網站，並搭配以下資訊進行體驗：

1. 已註冊之會員帳號與密碼

帳號	密碼
test@gmail.com	test1234

2. 可預約付費導覽服務之信用卡資訊

卡號	有效年月	CCV
4242 4242 4242 4242	01/31	123

重點展示

1. 無限滾動 Infinite Scroll / 延遲載入 Lazy Loading

2. 圖片輪播 Image Carousel

3. 橫向／水平滾動 Horizontal Scrolling

4. 互動視窗 Popup Modal

5. 關鍵字查詢 Keyword Search

6. 第三方金流串接 Third-Party Payment Gateway Integration

7. 響應式網頁設計 RWD，支援小至 360px、大至 1920px 寬的瀏覽器視窗

（上圖由左至由分別為 1920px × 1080px 的桌機版、768px × 1024px 的平板版和 360px × 640px 的手機版）

使用技術

前端

後端

開發工具