iT邦幫忙

2025 iThome 鐵人賽

DAY 19
0
Modern Web

FlowNest系列 第 19

Day19_編碼&UIUX調整

  • 分享至 

  • xImage
  •  

編碼清理

今天把 FlowNest 專案的文字資源全面掃過一輪,把殘留的 UTF-8 BOM 全部清掉,確保所有檔案都是真正的 UTF-8。順便檢查舊資料,把可能混進來的 Big5Windows-1252 也排除掉。這樣版控紀錄會比較乾淨,之後看 diff 才不會一堆亂碼。

登入流程

另外設計了一個共用的 useLoginRedirect 工具,統一處理登入重導、路徑清理和原因提示。這個工具已經套用在:

  • 導覽列
  • 計時器分享
  • 留言牆
  • 作者追蹤
  • 新貼文
  • 聊天室操作

登入頁現在會顯示使用者剛剛想做的動作,登入成功後會用 router.replace 回到原本的頁面,讓整個流程更順暢。

UI/UX 調整

  • 計時完成頁的 CTA (Call To Action) 改成導向 setup,避免直接跳到 /timer 出現重導問題。
  • PostCard 加上 break-words,避免長字串把排版撐壞。

編譯驗證

最後跑了 npm run build,雖然 three.js 還是會跳 SRGBColorSpace 的警告,但核心流程已經確認能順利編譯,整個導向流程也跑通了。


上一篇
Day18_系統測試與UX調整
下一篇
Day20_AI 功能調研與準備
系列文
FlowNest21
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言