My Pokemon 圖鑑

簡介

• 初期練習作品，使用 JavaScript 串接第三方 API，自行加上選取地區的功能
• 後來使用 TypeScript 重構，並練習圖片的 Lazy Loading
• 使用 IntersectionObserver 幫 pokemon 卡片加上動畫

功能

• 使用者可以查看指定地區的所有 Pokemon 資訊

練習內容

1. 依照地區分類
2. Fetch API 練習
3. 2022/10/30 新增 Pokemon card 資訊，背景顏色隨屬性改變
4. 待研究: 雙屬性如何顯示 ＝> 2023/4/12 已修正
5. 練習加入 ESLint，使用 Standard Style 規範程式碼

2023/9/29 更新

1. 圖片 Lazy Loading
2. 練習改寫成 TypeScript
3. IntersectionObserver 練習

相關連結

• Github Repo
• Demo
• POKEAPI