鐵人檔案
勇敢挑戰全新主題「SideProject30」，從使用者角度出發，用 React 前端框架，結合 Firebase 的後端服務，30 天打造一個簡潔便利的預約系統。
經過10天的規劃，終於來到了 new 專案的這天！在系列文第二篇(Day02：用最短時間完成 side project 規劃)中有提到，版本控制的 commit...
有了規範的提交訊息工具後，就可以放心開始開發了，開發之前要記得讓自己站在對的分支上唷！ 今日分支名稱：feat/component 更換 favicon.ico...
上一篇我們列出了要做的元件後，今天就趕快開始執行吧！ 表單 最常見的 <input> ，做完的效果如下圖，label 一開始不會直接呈現在頁面上，...
比賽好快進到中間時期，剛好適逢中秋佳節與教師節，先祝各位佳節愉快、順利完賽！ 這個連假應該會將專案的元件都完成，並且將註冊、登入與基本頁面先行組裝，後續樣式細節...
於前一篇的前置準備完成後，我們已在網路空間新增一個 Firebase 專案了。然而因為刻畫面耗時較長，也希望在刻畫面的同時能夠同時串接資料(就不要為了頁面呈現而...
經過前一篇文章的操作與設定，我們已經將 Firebase 引入至 React 專案中，今天就來串接資料庫吧！ 串連 Firestore database 首先先...
我們在上一個篇章中完成了信箱的驗證設定後，今天就可以接著進行 Google 與 Facebook 的部分，設定完成後即可讓使用者以自己 Google 與 Fac...
好，目前已將 Firebase 的服務都設定的差不多了，接下來就是一一實作將功能與頁面結合。 提示訊息元件 在實作之前，我們來建立一個提示訊息元件，因為串接功能...
在上一篇文章中，我成功將使用電子郵件與密碼註冊會員之功能串接，接下來是取得該註冊會員在 API 中的資訊，除了我們可以傳值進去，Firebase 也會自動產生一...
除了使用電子郵件與密碼註冊以外，考量到有些使用者不喜歡管理太多組帳號、密碼，所以今天就將開通的 Google, Facebook 帳號註冊功能串接到網站裡吧！關...
