iT邦幫忙

鐵人檔案

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

收納規劃APP 系列

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

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

Day21:後端建模

自己從0開始建資料庫的機會不多,所以突然又重新思考了一下有沒有必要拆成5個表格,之後也去問了Claude AI。 跟他說明了我的資料層級跟主鍵、外鍵設計,而在使...

2024-10-05 ‧ 由 Zoe Wu 分享
DAY 22

Day22:定義回傳型別

要開始開發之前先定義好回傳型別 import express, { Request, Response, Router } from 'express';...

2024-10-06 ‧ 由 Zoe Wu 分享
DAY 23

Day23:API開發結束

開始寫之後發現跟一開始預設的有一點點出入,因為有階層的關係,所以查詢時要帶入上層的ID才能正確拿到全部,不然會拿到別人家具。 以下是開發完的API名稱,但這次3...

2024-10-07 ‧ 由 Zoe Wu 分享
DAY 24

Day24:前後端串接-底層Service

終於寫到這步,好懶得寫底層,但是還是寫了,考量以後可能有驗證問題還是統一寫比較好。 以下統一設定了http 標頭,方便未來加入token驗證,錯誤回報也統一在...

2024-10-08 ‧ 由 Zoe Wu 分享
DAY 25

Day25:Loading

為了視覺化呈現 API 取得的進度,也避免使用者一直重複點擊按鈕,所以利用 Http interceptor,來裝上 Loading畫面。 Loading 畫面...

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

Day26:家具依API展示

本來以為自己會順順的接上API,但是因為不是一氣呵成的寫,前後端模型有幾個欄位沒對應到,害我卡了一下,但還好追蹤問題跟調整問題還算快。 以下是動態生成的家具資料...

2024-10-10 ‧ 由 Zoe Wu 分享
DAY 27

Day27:家具的修改

經過一番奮戰之後,點擊茶几後會出現第二張圖片的視窗,選擇有框後,可以看到框線長出來了,原本想做成gif,但不知道為什麼一直上傳失敗,只好截圖示意。 再來是拖曳...

2024-10-11 ‧ 由 Zoe Wu 分享
DAY 28

Day28:家具的增加、刪除

寫到後來發現忘記做新增家具跟刪除家具的按鈕,下次可能要先出一本需求規格書比較不會漏,新增的按鈕擺在跟平面圖同層,新增成功後會關掉彈窗,刷新頁面。 刪除的按鈕做在...

2024-10-12 ‧ 由 Zoe Wu 分享
DAY 29

Day29:收納物品的增刪改查

串接階段發現最常報錯的就是前後端命名不一樣,就算我都寫好型別了,不知道有沒有更智慧的防呆辦法可以處理,而且有的時候串接起來才發現API開的跟畫面需求有點不一樣,...

2024-10-13 ‧ 由 Zoe Wu 分享
DAY 30

Day30:完賽

本次30天挑戰,是像流水帳一樣的紀錄自己開發的過程,有一個規則跟期限督促我完成,讓我比較有動力去完成自己的想像。 也謝謝所有願意觀看文章的人,因為我發現除了期限...

2024-10-14 ‧ 由 Zoe Wu 分享