李颺 Yang

音樂播放介面 | Demo  

仿 Spotify 音樂播放介面，音樂來源是使用官方 Youtube 連結，功能為播放音樂、搜尋專輯歌曲、新增歌曲至收藏庫、調整聲音大小與播放上 / 下一首歌曲。

• React，React-Player
• React-Redux，Redux-Toolkit
• Styled-Components

番茄鐘 | Demo   

使用 useEffect 與 setInterval 做出簡單的計時器，可以自由調整工作時間、休息時間、組數，時間一到會播放短音效作為提醒。

• React
• custom hook
• useReducer

松果購物 - 電商大促

女王節、週年慶、雙十一、雙十二⋯等等的電商活動，分為三個頁面：主會場 (活動入口)、遊戲頁 (抽獎)、攻略頁 (活動導覽)，多個商品版位以及整點搶折價券、遊戲抽獎機制，負責前後端開發，使用 jQuery 製作前端頁面。

整點搶折價券機制：

• 提供高優惠折價券於某個時間點做開搶
• 做 Transaction 避免同時有多個人搶到同張折價券

商品區塊：

• 顯示當次活動優惠商品
• 大量商品資料預先存入 Redis，以確保網站的載入速度
  

遊戲頁：

• 扭蛋機 / 戳戳樂抽獎的遊戲活動頁
  
• 點擊扭蛋機按鈕抽出獎項
• 按鈕元件使用 Css Animation，加強使用者遊玩體驗

松果購物 - 廠商數據中心

提供多種數據及圖表，比對相似商品價格、價格設定建議、熱賣商品關鍵字及分類排行，使廠商迅速了解自己的賣場表現與商品競爭力，以及目前熱賣商品趨勢。

• 主要負責前端開發
• 前端使用 Vue (v2) 與 V-charts 製作圖表與數據頁面
• 與 Data Team 合作開發，提供後端數據資料