iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
SideProject30

出遊不怕一個人 系列

這次的挑戰想來做一個完整的React專案,從設計到功能打造一個找旅伴平台,幫旅人們找到適合的旅伴。

鐵人鍊成 | 共 30 篇文章 | 2 人訂閱 訂閱系列文 RSS系列文 團隊差點不能成團
DAY 11

DAY11-登出功能(Invalid hook call)

終於到了登出功能,以為能夠一次成功的,殊不知又出現錯誤了:-( Invalid hook call. Hooks can only be called insi...

2023-09-26 ‧ 由 hsiu753 分享
DAY 12

DAY12-登入註冊表單(錯誤提示)

表單少不了的要做一下錯誤題式訊息,在之前的登入註冊頁面使用firebase時then後面接的catch就是用在這邊。 //login.js const [em...

2023-09-27 ‧ 由 hsiu753 分享
DAY 13

DAY13-忘記密碼

在登入頁面設置了一個忘記密碼的按鈕,在官方文件中就有提到這部分要如何下指令,結合先前頁面的經驗,在跟著文件寫就沒問題啦!! 傳一個email到sendPassw...

2023-09-28 ‧ 由 hsiu753 分享
DAY 14

DAY14-建立分類(Firestore)

今天開始要進入最重要的一環 — 徵旅伴文章,這個部分包含了列表頁、詳細頁以及編輯頁,今天會先從編輯產出資料開始。 列表頁中可以依分類做篩選,所以編輯頁面會有一個...

2023-09-29 ‧ 由 hsiu753 分享
DAY 15

DAY15-建立時間input(react-datepicker)

今天接續編輯頁面,目前想到可能需要的欄位如以下: 標題: 標題也會帶回列表 時間: 旅遊時間的區段選擇 區域: 依照地點選擇區域 地點: 使用者自行填...

2023-09-30 ‧ 由 hsiu753 分享
DAY 16

DAY16-firebase初始優化改寫

建立好基本表單後就要傳送資料到後台去了,今天原先是要先把基本的欄位先傳到資料庫裡面試試,但在開始引入Cloud Firestore時發現了要優化的地方,在這想要...

2023-10-01 ‧ 由 hsiu753 分享
DAY 17

DAY17-分類子元件傳值給父元件

要傳資料到後台前,還有兩個值要抓取 — 分類與圖片,圖片的部分之後做,今天要先處理分類的資料。 DAY14時將分類做成了一個元件Continent,再將Cont...

2023-10-02 ‧ 由 hsiu753 分享
DAY 18

DAY18-建立文章(傳資料到Cloud Firestore)

終於到了傳送資料的階段了!!! 這邊要使用到Cloud Firestore的建立資料夾並寫入功能,官方文件請參考此連結。 傳資料前要先規劃一下有哪些資料是要寫入...

2023-10-03 ‧ 由 hsiu753 分享
DAY 19

DAY19-文章圖片(預覽圖片)

今天來到最後一步驟,就是先前有提到的圖片,一直把它擱置到現在,因為想了想他的流程覺得最為複雜,把苦的留到最後一刻。 編輯頁面預留了一個上傳圖片的位置,在這是要讓...

2023-10-04 ‧ 由 hsiu753 分享
DAY 20

DAY20-文章圖片(上傳到firebase)

firebase有一個storage,是可以存放圖片空間,今天就是要將圖片上傳到這個地方。 首先,在storage下建立一個post資料夾,待會會把圖片統一傳到...

2023-10-05 ‧ 由 hsiu753 分享