iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
SideProject30

出遊不怕一個人 系列

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

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

DAY1-專案正式啟動

參加這次的鐵人掙扎了很久,但不能再放任自己軟爛下去了! 自從寫完了React筆記後一直都還沒有一個作品,今年我希望利用React做出一個像樣的網站,靠這個網站去...

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

DAY2-firebase

事前已經有畫好簡單的wireframe,但想想覺得這次應該是要以功能面為主,使用React做作品才是這次的重點,所以先用最簡易的版型做好功能,之後再來美化吧!...

2023-09-17 ‧ 由 hsiu753 分享
DAY 3

DAY3-React資料夾結構

今日目標原本是要切版出頁首與頁尾,結果才剛做就發現不知道要把css放到哪一個資料夾,對React的資料結構相當不了解,所以我要把今天的時間留給研究資料夾。 官方...

2023-09-18 ‧ 由 hsiu753 分享
DAY 4

DAY4-頁首製作

開始製作畫面,但在做的過程中還是會碰到一些問題,所以整理出以下幾點今天卡關的地方。 Hover出現下拉選單怎麼做? 最快且直接的方式是下onMouseEnter...

2023-09-19 ‧ 由 hsiu753 分享
DAY 5

DAY5-註冊頁面(Switch/Router問題)

進入了第一個新的頁面,也就是說路徑需要改變,在這一段重複測試了很多次一直出現錯誤,最後終於完成了這個艱難的任務。 Switch is not exported...

2023-09-20 ‧ 由 hsiu753 分享
DAY 6

DAY6-註冊頁面(react使用報錯)

延續昨日的註冊,發現版本問題真的影響很大呢! 今天在寫的時候還是用舊式的寫法,報錯後又花了很多時間在找答案,統整一下問題們,可能有人也有跟我一樣的問題。 Unc...

2023-09-21 ‧ 由 hsiu753 分享
DAY 7

DAY7-註冊頁面(加入firebase)

第一次使用firebase功能,一開始不知道從何下手,看了教學後跟著做發現會有錯誤,於是去看了官方文件,多次嘗試後終於做出成功註冊了!!! 首先是在src資料夾...

2023-09-22 ‧ 由 hsiu753 分享
DAY 8

DAY8-登入頁面(Firebase Authentication FirebaseNetworkException)

畫面做得差不多時,開始串登入功能,沒想到註冊頁面也出事,個花了一整晚才找出了解法… Firebase Authentication FirebaseNetwor...

2023-09-23 ‧ 由 hsiu753 分享
DAY 9

DAY9-登入頁面

登入頁面其實和註冊頁面幾乎一樣,只差在firebase的指令不同而已 firebase/compat/app 在切到登入頁面時發先的一個問題(這邊要將註冊頁面的...

2023-09-24 ‧ 由 hsiu753 分享
DAY 10

DAY10-頁首優化(加入判斷會員)

Day4做的header在串會員功能後想做一點小變動,下拉選單的判斷是要整區移除並且加上登入的判斷。 回顧一下DAY4的code,會員專區/登出的狀態為是會員的...

2023-09-25 ‧ 由 hsiu753 分享