這是結合母親節製作的活動網站
主要的職責是 動態效果 、 心理測驗 、 表單製作
主要使用到的技術為 vue2 、 GSAP
— 整體框架使用 vue2
— 使用 GSAP 製作按鈕互動按讚效果
— 串接表單 api
✨ 部分 API 已不再維護
透過製作點擊按鈕送愛心到另一個人數顯示框上的動態效果
電腦版
手機版
ㄧ共五題的心理測驗
五題中其中一題如果沒有選擇正確答案就會被吐槽
最後會有結果圖供使用者分享、下載
最後則是填寫表單,表單做空值的基本驗證
如果沒有填寫,欄位的外框會呈現紅框以示欄位填寫錯誤