寵物購物平台 - 包含前台購物以及後台商品訂單管理

應用技術：React、Redux、JavaScript、Axios、JSX、CSS、Git flow 版控

網站Demo 點我   Git repo 點我

主要負責項目 

商品頁、單一商品頁、部落格頁 ：

。串接後端API讓商品、文章顯示於畫面 － 應用 React Hooks(useState、useEffect..)、Axios、Postman
。商品頁側邊導覽列點選可引導至不同路徑 － 應用 React route (useNavigate、useLocation)
。商品頁可依照熱銷排行/上架時間/價格排序 － 應用 React Hooks、JavaScript(sort、map..)
。商品頁可點擊商品卡片連結到該商品的詳細資料 － 應用 React route (useParams、useNavigate) 
。加入購物車後數量金額可隨時動態調整 － 應用 React ReduxToolkit (createSlice、useDispatch)
。部落格頁可依文章發佈時間由新到舊排序，置頂文章優先放在上方－ 應用 React Hooks、JavaScript
。部落格可 搜尋文章、篩選文章分類－ 應用 React Hooks、JavaScript (filter、map..) 
。頁面切版 － 應用 styled-components、RWD、CSS Flex、Grid、Position...等
。細節優化，使用 create hooks 整合商品、部落格API，減少重複代碼 

心得技術部落格

GithubPage 點我   Medium 點我

分享平常遇到的卡關問題，以及技術心得分享，不定期更新發布於 Medium，這裡使用 GithubPage 做資料備份用。