整理專案資料夾

整理了一下資料夾結構，增加專案的[閱讀性、維護性]，這樣以後專案越長越大的時候也比較不會亂掉，可以看到下方，主要是[src資料夾]新增了很多[子資料夾]

下方是src裡的資料夾：

• pages - 處理頁面
• API - 處理API
• assets - 放靜態資料
• components - 放做好的元件
• styles - 放全局會用到的樣式
• hooks - 這個我不太懂，GitHub Copilot 叫我拉出來的，我目前裡面是放Fun路由的處理邏輯

NavBar製作

Icon

我是使用之前提到的Recraft生成

• (1)的部分選擇VECTOR，比較適合生成簡單線條的圖
  {我自己實測，選Raster的話適合做一些比較大張、複雜的圖}
• (2)的部分選擇自己喜歡的樣式(我選擇的是黑白線條)
• (3)的部分就是我下的Prompt
  "A clean and very simple black-and-white image (with transparent background) of a cute and goofy-looking cat, drawn with extremely minimal lines, suitable for placing on a navbar.”
• (4)點下Recraft，大概等個10幾秒，就會生成圖了。

免費版每天有50個硬幣可以用，我是覺得很夠了啦XD

NavBar樣式

因為自己一直做不漂亮，我就直接從Tailwindcss上面去使用他推出的範本，然後再叫AI改一改，改完我再看，我就把這個變成白底黑字，讚！(除了第一個以外，下面的都要付費，真是摳，所以我就用第一個，嘿嘿，Tailwindcss範本見下圖)

整合我原本的頁面，我的NavBar就長這樣啦。

其他

今天其實還有去弄了Replit，讓我的互動式有一個伺服器可以Run，再接回去我本來的專案，但是失敗了，所以要再研究一下，我的code長下面這樣。

Replit的運行畫面如下圖

之後再改吧，我再研究研究，今天晚上想打遊戲。