#5 串接 TMDB API 的電影清單搜尋實作

Demo

• GitHub: TMDBMVAPP
• Demo Video:

Introduction

本專案串接 TMDB API，實作電影清單搜尋功能。使用者可輸入關鍵字搜尋電影，並即時顯示相關結果，方便使用者快速尋找心儀的電影。

Technology & Source

• Nuxt 3
• Vue 3
• UnoCSS
• Sass
• TypeScript
• RWD
• The Movie Database API

Reflection

待更新，目前為 V1 版本，先練習串接~

預計增加功能與頁面

• 1. 電影主頁 / 將搜尋頁變成副頁面
• 2. 熱門電影 / 最新電影排序
• 3. 卡片版面改造 round2
• 4. 內頁改造
• 5. 將搜尋 header 背景改造成純 css carousels
• 6. 搜尋排序方式與分類篩選功能

Reference

API Overview — The Movie Database (TMDB)