YouTube eBird Google Drive
- 變更網站字型
- 新年倒數
- 圖表
- 下載圖表
- 列印網頁
- 研究
- 長條圖 = [地點, 種數+隻數]
- 豐量曲線 = [Rank(豐量等級), Abundance(log)]
- YouTube
- 影片 Floating
- 主題選單(特展)：台北都市常見鳥類、台灣特有種、台灣特有亞種、台灣猛禽、特殊行為、築巢育雛
- 蝶舞/物語 播放清單：新開分頁或新增選單
- 辨識
- 猛禽剪影 VS 解答原色
- eBird
- 鳥種查詢頁面
- 特展(DaPainter)
- 原民與台灣鳥類
- 台灣保育類
- 研究專區
- 天文
- 關於
- 教育區展示照片
- 分享
- 圖表
- YouTube
- eBirder 選擇按鈕
- 時間軸
- 文字雲：數量與稀有度加權
- 漂浮鳥：大小、點選開 eBird
- YouTube
- 地圖
- 鳥點依鳥種數配色
- 鳥種超連結 eBird 頁面或介紹(需要中英鳥名轉換)
- 使用者位置動畫(漣漪)
- 照片
- 全部格式轉換為 WebP
- 特效
- 人次
- 初始值修正
- 鳥音
- 建立多棲地背景，鳥種放置適當位置，點擊顯示鳥音列表
- 賞鳥地點/鳥種 以代號替換資料
- 鳥種篩選以 Modal 顯示與勾選
- 時間軸鳥種按鈕/圓餅圖區塊 依稀有度上色排序分類
- Lazy Loading: react-intersection-observer
- 使用者同意 Cookie
- reduce 裡面盡量避免使用 Spread Operator = 大大降低效能
- 下拉式分頁的主分頁都要做入口頁面方便行動裝置進入子分頁，或利用 將其他分頁導到"無法顯示頁面"，或 useNavigate Hook 導引至其他頁面。
- 甚麼東西都要配個小圖示(個人特色)
- 數字放大凸顯，Mechanical Scoreboard 設計
- 加入可與使用者互動的元素 EX: 拖曳、滑動...(個人特色)
- 載入中骨架：react-loading-skeleton
- 分頁組成群組1 分頁組成群組2
- 網頁主題設計：羽宙(流星)、羽林(飛鳥) | 白天晚上(顏料圖示點擊動畫上色) | 新年、聖誕、萬聖 | 各種鳥代表的顏色
- Virtualized List: react-visualized > react-window
- 滾動 lazyload
- React Suspense & React Lazy
- 重構：Profiler 配合 useEffect, useMemo, useCallback & useContext(Context自成一檔：React.createContext())
- 自動執行
- 解決分頁網址無法瀏覽問題(Github 才這樣？)
Leaflet: 建立賞鳥地圖Google Cloud Platform: 獲取 Google Drive 資料Firebase: 網站拜訪人次EmailJS: 網站 email 聯絡Facebook Graph API: 顯示粉絲專業