技術 Day08：使用 Wireframe 線稿拼接網站的功能與畫面(二)

有了主畫面後，我習慣先從主功能將 Wireframe 線稿依照原先的 Flow Chart 畫出來，細節功能會陸續繪製(有先想到的會以 Todo 標示)，並於後...

技術 Day28：React 與 Firebase 的 CRUD 串接(二)

店家新增完服務項目後，顧客就可以開始查看預約了！所以今天將開發重點放在顧客角度會看到的頁面都實作完成。 組裝列表頁面(顧客視角) 串接讀取文件的 API i...

技術 Day29：當顧客開始訂位

倒數2天，把握時間繼續努力！ 製作月曆元件 昨天製作了顧客視角的服務項目詳細頁後，今天依照原先的 Wireflame 設計線稿，刻出可供預約的日期時段區塊，這部...

技術 [Day18] 實作 - Firebase 創建專案 & 部署

終於來到實作篇啦 🎉🎉🎉 ~ 本次會先建立的 Firebase 專案當作第一次交換資訊的 server。 create-react-app 先建立一個專案! n...

技術 Day14：將 Firebase 加進 React 專案之前置準備

比賽好快進到中間時期，剛好適逢中秋佳節與教師節，先祝各位佳節愉快、順利完賽！ 這個連假應該會將專案的元件都完成，並且將註冊、登入與基本頁面先行組裝，後續樣式細節...

技術 Day19：在 React 專案中使用 Firebase Authentication 實作會員管理(二)

在上一篇文章中，我成功將使用電子郵件與密碼註冊會員之功能串接，接下來是取得該註冊會員在 API 中的資訊，除了我們可以傳值進去，Firebase 也會自動產生一...

技術 Day24—開發日記（八）驗證信件、非同步的處理

前言 今天是開發的Day7，開發重點為： 利用firebase的功能寄送驗證信件 判斷使用者已驗證與否，分別再頁面展現不同功能 實現內容 1. 利用fire...

技術 Day10：使用 Wireframe 線稿拼接網站的功能與畫面(四)

有了服務項目後，顧客已經可以開始預約，進入這個網站的重頭戲。上一篇文章中，眼尖的朋友們一定會發現，對比原先的 Flow Chart 後，好像少了「顧客預約當下沒...

技術 Day10：使用 Wireframe 線稿拼接網站的功能與畫面(四)

有了服務項目後，顧客已經可以開始預約，進入這個網站的重頭戲。上一篇文章中，眼尖的朋友們一定會發現，對比原先的 Flow Chart 後，好像少了「顧客預約當下沒...

技術 Day27：React 與 Firebase 的 CRUD 串接(一)

倒數第4天的挑戰，是完成一套新增讀取編輯刪除(CRUD)的頁面組裝與串接，話不多說直接開始！ 組裝列表頁面(店家視角) 串接讀取文件的 API import...

技術 Day23：操作 Firestore Database 的資料(二)

延續上一篇，今天繼續研究 Firestore Database 的資料操作， 溫馨提醒：以下內容看到的 showNotify 是我個人封裝使用的提示彈窗，並不...

技術 Day05：Firebase 服務中的資料架構

本文同步刊載於 我的個人部落格在規劃專案之資料表前，想先插播介紹關於 Firebase 的資料庫運作原理，此部分並不影響專案規劃之順序，因為這是在規畫專案前也...

技術 [Day17] Firebase Cloud Firestore 資料庫

這次時做會使用到 Cloud Firestore 作為第一次交換資訊的 Signaing Server，因此在開始實作前先來了解這個強大的 NoSQL 資料庫用...

技術 Day22—開發日記（六）提醒密碼一致與否（v-show）、使用者資料傳入firestore

前言 今天是開發的Day6，開發重點為： 使用vue指令v-show進行實時確認密碼認證 將資料同步加進去firestore的資料庫 實現內容 圖片來源...

技術 Day09：使用 Wireframe 線稿拼接網站的功能與畫面(三)

上一篇我們已經完成了兩種主角色的註冊與登入畫面，也有將 Flow Chart 中所提到的店家角色稍微提及(如果忘記規則的話，可以回頭看下列文章)。本篇將重點放在...