iT邦幫忙

鐵人檔案

2024 iThome 鐵人賽
回列表
佛心分享-SideProject30

收納規劃APP 系列

對於家具擺放跟收納深感困擾,決定自己做個東西來整理

鐵人鍊成 | 共 32 篇文章 | 4 人訂閱 訂閱系列文 RSS系列文
DAY 11

Day11:開發環境跟Demo環境(Stackblitz )兼容性問題

初始計劃 原本打算使用 ng-bootstrap 製作彈窗 其他UI部分計劃自己開發 開發過程 成功開發彈窗模組 遇到 input、checkbox、Ra...

2024-09-25 ‧ 由 Zoe Wu 分享
DAY 12

Day12:家具設定視窗

目前雙擊家具之後可以出現彈窗,本日進度 Day12 在每個家具上面監聽雙擊事件,然後綁定 handleDoubleClick private createF...

2024-09-26 ‧ 由 Zoe Wu 分享
DAY 13

Day13:加一個Popover控制

因為還要記錄家具裡面裝了什麼東西,所以調整了一下 UX先出現一個提示框可以選要調整家具還是要調整收納用品一樣是雙擊出現,如下方圖片 之後就可以點擊家具按鈕,出現...

2024-09-27 ‧ 由 Zoe Wu 分享
DAY 14

Day14:拆出popover的元件

全部東西都寫在一起真的是受不了,還是決定花時間拆一下因為ng-zorro提供的不合需求所以自己刻首先產出popover提示框的元件,免得遇到更多悲劇順便展示一下...

2024-09-28 ‧ 由 Zoe Wu 分享
DAY 15

Day15:終於把家具拆出來

本日進度 Day15 鐵人賽30天感覺我大概拆了15天,使用Angular的裝飾器來直接操作 DOM 元素因為SVG的 裡面不能放 ng container,...

2024-09-29 ‧ 由 Zoe Wu 分享
DAY 16

Day16:點擊家具出現收納清單

本日進度 Day16 終於做到這步了,這次利用的是 nz-table 跟 nz-popconfirm直接在 table 上進行增刪改查 要注意的是這裡的 nz-...

2024-09-30 ‧ 由 Zoe Wu 分享
DAY 17

Day17:資料流綁定

本日進度 Day17 不確定大家知不知道怎麼操作Demostackblitz會自己處理好環境跟指令等到跑完之後,會出現目錄,之後點對應的日期就可以看了 因為還沒...

2024-10-01 ‧ 由 Zoe Wu 分享
DAY 18

Day18:設計資料庫跟API

颱風天放假,但是鐵人賽還是要繼續 前面的畫面都做完了,現在來設計資料庫。考量擴充的可能性,所以準備了用戶、平面圖表跟房間表。透過外鍵建立關聯,用戶表與平面圖表相...

2024-10-02 ‧ 由 Zoe Wu 分享
DAY 19

Day19:產生假資料

產生假資料其實小痛苦,但是現代問題可以使用現代手段,我們請Claude來做看看做出來之後發現他的主鍵跟外鍵的部分,沒有在乎我給他什麼指令此外加上了平面圖的名字欄...

2024-10-03 ‧ 由 Zoe Wu 分享
DAY 20

Day20:連接DB

我使用 MongoDB 免費提供的 Cluster,創建了 Database 並新增五個表格來對應假資料。後端採用 Node.js,並已轉換為 TypeScri...

2024-10-04 ‧ 由 Zoe Wu 分享