# VUE直播班第七週小組任務
## 小組討論時間-2/19(一)晚上8點~9點多
## 參與名單
| 成員 | 簽到 |
|:----:|:--------:|
| MY | ✓ |
| macihuang | ✓ |
| Vivian2857 | |
| KUN. | ✓ |
| TTedd | ✓ |
| BS | |
| Yue9527 | ✓ |
| Ariel | ✓ |
| camellou | |

## 問題
### 挑戰一：專題的延伸技法、套件

最終專題中的可以自己想像許多技巧加入，以下是課程中會介紹的技巧以及範例：

- 關於/品牌/產品介紹…：[https://hoongyuu.github.io/Cheeto-s-Wine/#/intro](https://hoongyuu.github.io/Cheeto-s-Wine/#/intro)
- 部落格/文章：[https://bear-luo.github.io/OpenseasonWeb/#/openseason_home#newslist](https://bear-luo.github.io/OpenseasonWeb/#/openseason_home#newslist)
- 分類：[https://vvvvvvii.github.io/tasteof/dist/#/product_list?search=城市導覽](https://vvvvvvii.github.io/tasteof/dist/#/product_list?search=%E5%9F%8E%E5%B8%82%E5%B0%8E%E8%A6%BD)
- 延伸產品：[https://char849.github.io/vue3-week8a-main/#/course](https://char849.github.io/vue3-week8a-main/#/course)
- 搜尋：[https://kevinhes.github.io/finalworkvue2022/#/](https://kevinhes.github.io/finalworkvue2022/#/)
- 優惠券發放活動：[https://nighthree.github.io/ChocolateShop/#/coupon](https://nighthree.github.io/ChocolateShop/#/coupon)
- 我的最愛：[https://jordan-ttc-design.github.io/fine-job/#/](https://jordan-ttc-design.github.io/fine-job/#/)
- 一堆動態效果：[https://huan5678.github.io/chill-bar/#/](https://huan5678.github.io/chill-bar/#/)

團隊成員可以一同討論，還有什麼前端技巧或套件可以加入到專題網站之中，範例：

- fullpage 滿版滾動：
- 套件：https://github.com/alvarotrigo/fullPage.js/
- 範例：https://alvarotrigo.com/fullPage/#page1

### 挑戰二：請 AI 幫忙撰寫特效
試著請 ChatGPT 寫出動態效果，建議每位成員均不同（參考特效：Swiper、AOS）
特效需要與 Vue 環境結合，並且可以運作
完成後，請加入註解，並瞭解其中原理

# 作答區
## 一、挑戰一
| 成員 | 推薦套件 | 範例 |
|:----------:|:-----------:|:----------:|
| MY | [parallax.js滑鼠視差滾動套件](https://github.com/wagerfield/parallax) | [範例](https://matthew.wagerfield.com/parallax/) |
| |[vue.draggable.next拖曳套件](https://github.com/SortableJS/vue.draggable.next?tab=readme-ov-file)|[範例](https://sortablejs.github.io/vue.draggable.next/#/simple)|
| macihuang | [GSPA動畫套件](https://gsap.com/) | [範例](https://minimal-goods.webflow.io/)|
| Vivian2857 | | |
| KUN. | [blotter.js](https://github.com/bradley/Blotter#making-changes--custom-builds) | [範例](https://blotter.js.org/#) |
| TTedd | | |
| BS | | |
| Yue9527 | [Tilt.js Vanilla](https://micku7zu.github.io/vanilla-tilt.js/) | [範例](https://github.com/micku7zu/vanilla-tilt.js) |
| Ariel | [放大鏡效果套件](https://github.com/samjonesigd/vue-image-zoomer/tree/main) | [範例](https://samueljon.es/vue-image-zoomer/) | |
| camellou | | |

### 挑戰一討論過程截圖



## 二、挑戰二
| 成員 | GPT連結 | 成果 |
|:----:|:--------:|----:|
| MY | [GPT連結](https://chat.openai.com/share/2ab5946c-bf5e-42ff-9a03-e3cc94c8f092) | |
| macihuang | [GPT連結](https://chat.openai.com/share/c4385d3c-2b5d-43e9-a460-bdf504c61485) | |
| Vivian2857 | | |
| KUN. | | |
| TTedd | | |
| BS | | |
| Yue9527 | | |
| Ariel | | |
| camellou | | |

### 挑戰二討論過程截圖





## 三、課後團隊測驗
### 作答成員各自的答案

### 問題討論過程截圖