想要增加用戶的互動感,所以新增了留言牆的頁面,登入後的用戶可以在專注任務結束後,把貼文發送到留言牆
url就直覺使用/wall
因為功能越來越多,讓用戶比較好找到功能~
之前的太凌亂了,現在把它簡化成描述少一點,感覺比較吸引人
專注時長只留三個+自訂、移除專注模式的預設選擇(之前太多文字,容易讓人失去焦點)
今天把社交入口(/wall)、導覽與首頁/設定的干擾點都收斂,整體體驗更聚焦:先體驗 → 完成後再留痕 → 想分享再上牆。接下來我會把資料流和規則補齊,讓互動與統計更可信。
貼文發布串接:實作 postAchievement(content)
,從 useSessions
抓「最新完成」發到 posts
;欄位含 authorId/authorName/content/imageUrl/createdAt/likeCount
。
資料規則/索引:
posts
任何人可讀、登入者可寫且 authorId==auth.uid
;sessions
僅本人可讀寫。posts(createdAt desc)
、posts(authorId asc, createdAt desc)
、sessions(ownerId asc, finishedAt desc)
。留言牆清單優化:時間倒序、空狀態提示、卡片樣式統一(Tailwind),預留圖片佔位。
個人專頁統計:數字卡片完成(總次數、總時長),若有時間上簡易趨勢圖(日/週)。
同步回饋:登入後自動同步本機完成紀錄 → 顯示「已同步 X 筆」。