想聽歌?那就來 ♫ 六腳音樂大平台 吧!|
該專案是採用 KKBOX OPEN API + Vue Cli 3 所製作，僅限前端開發練習 DEMO 用。
https://hsiangfeng.github.io/HexfootMusic/#/
此作品為 Vue Cli 前端練習，其主要功能有以下:
- 熱門歌單查看並試聽
- 選擇曲風查詢並試聽
- 排行榜試聽
- 歌曲、歌手、歌單查詢
- 猜歌小遊戲
- 一般模式
- 30 秒模式
- KKBOX OPEN API
- YouTube Data API
- Vue Cli 3
- Vuex
- Vue-Router
- Vue Components
- PWA
- RWD
- Bootstrap4
- jQuery
- JavaScript(ES6等)
- PUG
- SCSS
- CORS
- Webpack
- ESlint(aribnb)
- Adobe XD
- Vue-cli-plugin-pwa
- Vue-fontawesome
- Vue-axios
- Vue-typed-js
- Vue-awesome-swiper
- Vue-loading-overlay
- Vue-router
- Vue-cli-plugin-pug
- Vue-radial-progress
- Vue-sweetalert2
- Vue-countup-v2
- Popper.js
Logo 製作是使用 Adobe XD 製作，並製作兩張圖合成為 Gif 檔。
小遊戲有分兩種模式
- 一般模式
- 30 秒模式
npm install
npm run serve
修改 .env 的 YOUR_CLIENT_ID 及 YOUR_CLIENT_SECRET
VUE_APP_CLINETID=YOUR_CLIENT_ID
VUE_APP_CLIENTSECRET=YOUR_CLIENT_SECRET
本作品還有支援 PWA，詳情請見作品。
本作品內圖片、內容等，純粹為個人練習前端使用，不做任何商業用途。